制作一个简单的表格

/*制作一个简单的表格
 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','wang@163.com'],
    ['2','wang2','男','20','wang@163.com'],
    ['3','wang3','男','20','wang@163.com'],
    ['4','wang4','男','20','wang@163.com'],
    ['5','wang5','男','20','wang@163.com']
     ];
 

  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,

 });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值