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>
0 0
原创粉丝点击