Extjs创建form表单以及绑定动态数据到grid

<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值