Ext Grid动态生成Column的实现方式

Ext Grid动态生成Column的实现方式

 

转自 ：http://bsd4ever.javaeye.com/blog/242694

1、定义DataStore的Fields和Grid的Columns，这两个的格式和静态生成Grid时采用的是格式一样的，区别就是他们现在是根据程序动态生成的

var s_fields = \'\';
var s_columns = \'\';
for(var i = 0; i < data[0].length; i++){
if(s_fields.length > 0){
s_fields += \',\';
}
if(s_columns.length > 0){
s_columns += \',\';
}
s_fields += \'{name:"\' + data[0][i] + \'"}\';
s_columns += \'{header:"\' + data[0][i] + \'",dataIndex:"\' + data[0][i] + \'",width:20,sortable:true}\';
}

2、根据s_fields和s_columns的内容生成需要的DataStore和ColumnModel
var fields = eval(\'([\' + s_fields + \'])\');
var store = new Ext.data.SimpleStore({fields : fields});
store.loadData(gridData);
//gridData为一二维数组，每一列对应store的一个field

var cm = new Ext.grid.ColumnModel(eval(\'([\' + s_columns + \'])\'));

3、生成Grid（代码片断）

.....

.....
items :new Ext.grid.GridPanel({
ds : store,
cm : cm,

.....

.....