ExtJs动态grid的生成

最近经常碰到这样一种情况,事先并不知道grid中每一列的信息,也就是不知道 grid 的ColumnModel中的相信信息,需要经过后台才能获取所有列的信息,此时就需要用到grid列的动态生成。

目前只研究了两种方式的动态grid生成方法,下面附上方法。

第一种方法:

需要导入一个插件,AutoGrid.js,在网上都可以下载到,附件也上传了。
   
前台代码如下


var grid = new Ext.ux.AutoGridPanel({
      title:'动态grid',
      renderTo: 'w',
      height: 300,
      width: 1200,
      loadMask: true,                  
      store : new Ext.data.Store({
      proxy: new Ext.data.HttpProxy({url:"../ReceivableAccountServlet"}),
      reader: new Ext.data.JsonReader()
      })
});
grid.store.load({params: {meta: true}});    


后台返回的JSON字符串格式如下

{"metaData":{"root":"rows","id":0,
"fields":[{"name":"employee_id","header":"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值