制作一个简单的表格

/*制作一个简单的表格
 1.首先设置好表的列模型(列数、每列的名称、类型、如何显示、header/dataIndex,二维的)Ext.grid.ColumnModel
 2.第二,添加数据(二维数组) var data=...
 3.第三,转换原始数据,用Ext.data.Store 创建一个数据存储对象(proxy/reader),或者直接用SimpleStore
 4.用Ext.grid.GridPanel把原始数据和转换的数据装配在一起
 */

 var colM=new Ext.grid.ColumnModel([
    {header:"编号",dataIndex:"id"},
    {header:"姓名",dataIndex:"name"},
    {header:"性别",dataIndex:"sex"},
    {header:"年龄",dataIndex:"age"},
    {header:"电邮",dataIndex:"email"},
  ]);
 
 var data=[['1','wang','男','20','[email protected]'],
    ['2','wang2','男','20','[email protected]'],
    ['3','wang3','男','20','[email protected]'],
    ['4','wang4','男','20','[email protected]'],
    ['5','wang5','男','20','[email protected]']
     ];
 

  var store= new Ext.data.Store({

                    proxy:new Ext.data.MemoryProxy(data),
                    reader:new Ext.data.ArrayReader({},[{name:'id'},
                        {name:'name'},
                        {name:'sex'},

                        {name:'age'},

                        {name:'email'}

                  ]),
    });
 //var store=new Ext.data.SimpleStore({data:data,fields:['id','name','sex','age','email']});
 
 
 var grid=new Ext.grid.GridPanel({
  renderTo:'test',//渲染到id为test的页面中
  title:'test',
  height:200,
  cm:colM,
  store:store,

 });

你可能感兴趣的:(ExtJS)