最近经常碰到这样一种情况,事先并不知道grid中每一列的信息,也就是不知道 grid 的ColumnModel中的相信信息,需要经过后台才能获取所有列的信息,此时就需要用到grid列的动态生成。
目前只研究了两种方式的动态grid生成方法,下面附上方法。
第一种方法:
需要导入一个插件,AutoGrid.js,在网上都可以下载到,附件也上传了。
前台代码如下
后台返回的JSON字符串格式如下
目前只研究了两种方式的动态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":"