Extjs创建form表单以及绑定动态数据到grid
来源:互联网 发布:网络交换机cad图例 编辑:程序博客网 时间:2024/05/21 23:33
<script type="text/javascript">
Ext.onReady(function(){
/* Ext.Msg.alert('hello','word'); */
/* EXT 表单 start*/
var movie_form = new Ext.FormPanel({
url:'index.jsp',
rederTo:document.body,
frame:true,
title:'',
width:250,
items:[{
xtype:'textfield',
fieldLable:'Title',
name:'title',
allowBlank:false
},{
xtype:'textfield',
fieldLable:'Director',
name:'direcotr',
vtype:'alpha'
},{
xtype:'datefield',
fieldLabel:'Released',
name:'released',
disabledDays:[1,2,3,4,5]
}]
});
/* EXT 表单 end*/
/*##########################EXT 绑定json数据 start #####################################*/
/* function GridBasic() { //定义表格
var cm = new Ext.grid.ColumnModel(
[ { header: '项目标号', dataIndex: 'name' },
{ header: '项目描述', dataIndex: 'age' },
{ header: '项目时间', dataIndex: 'adr' }
]);
//解析数据源
var ds = new Ext.data.Store({
url: 'getData.action',
reader: new Ext.data.JsonReader(
{ root: 'data' },
['name' ,'age' , 'adr' ])
});
ds.load();
//装配表格
var grid = new Ext.grid.GridPanel(
{
el: 'grid', ds: ds, cm: cm, height:200, width:500
});
grid.render(); }
Ext.onReady(GridBasic); *///开始执行
/*##########################EXT 绑定json数据 end#####################################*/
});
</script>
Ext.onReady(function(){
/* Ext.Msg.alert('hello','word'); */
/* EXT 表单 start*/
var movie_form = new Ext.FormPanel({
url:'index.jsp',
rederTo:document.body,
frame:true,
title:'',
width:250,
items:[{
xtype:'textfield',
fieldLable:'Title',
name:'title',
allowBlank:false
},{
xtype:'textfield',
fieldLable:'Director',
name:'direcotr',
vtype:'alpha'
},{
xtype:'datefield',
fieldLabel:'Released',
name:'released',
disabledDays:[1,2,3,4,5]
}]
});
/* EXT 表单 end*/
/*##########################EXT 绑定json数据 start #####################################*/
/* function GridBasic() { //定义表格
var cm = new Ext.grid.ColumnModel(
[ { header: '项目标号', dataIndex: 'name' },
{ header: '项目描述', dataIndex: 'age' },
{ header: '项目时间', dataIndex: 'adr' }
]);
//解析数据源
var ds = new Ext.data.Store({
url: 'getData.action',
reader: new Ext.data.JsonReader(
{ root: 'data' },
['name' ,'age' , 'adr' ])
});
ds.load();
//装配表格
var grid = new Ext.grid.GridPanel(
{
el: 'grid', ds: ds, cm: cm, height:200, width:500
});
grid.render(); }
Ext.onReady(GridBasic); *///开始执行
/*##########################EXT 绑定json数据 end#####################################*/
});
</script>
0 0
- Extjs创建form表单以及绑定动态数据到grid
- ExtJs4 中 获取grid列表数据绑定到form表单
- ExtJs4 中 获取grid列表数据绑定到form表单
- EXTjs loadRecord方法 将grid中的数据 加载到form表单中去
- ExtJS创建Form表单
- extjs通过单选按钮动态创建form表单
- ExtJS form表单控件创建
- Atitit vue.js 把ajax数据 绑定到form表单
- Extjs 4.0.7 创建Form表单
- jquery动态创建form表单
- extjs form表单 及 后台保存数据
- ASP.NET FormView - 动态模版以及数据绑定到DynamicObject
- ExtJs与JSON格式数据绑定的方法(grid)
- Extjs中grid采用json进行数据绑定的实例
- ExtJs:grid中json的数据绑定(转)
- Extjs mvc 读取XML数据到form
- js动态创建Form表单并提交
- jquery动态创建form表单并提交
- PIL The _imaging C module is not installed
- 手机卫士-10
- PF_RING 总结
- Chrome“无法添加来自此网站的应用”的解决办法
- XSLT转换出HTML空元素闭合问题
- Extjs创建form表单以及绑定动态数据到grid
- EMVTag系列14《支付环境响应数据》
- 气象项目—相关学习问题记录(一)
- Android ActionBar应用一:ActionBar返回任意页面和顶部搜索栏实现
- EMVTag系列15《选择应用响应数据》
- 细数JDK里的设计模式
- Linux 下 启动SAP
- (译)如何使用cocos2d制作基于tile地图的游戏教程:第一部分
- PL/SQL连接远程oracle 11g服务器