Extjs4 生成动态grid

需求：grid的header不确定，可进行灵活配置
解决方法：从后台传递grid  header数据
示例：

Ext.onReady(function(){
	Ext.Ajax.request({
		url: extPath+'/center!autoGrid.action',
		params : {
		action : "query"
		},
		method : 'POST',
		success : function(response) {
		var json = Ext.JSON.decode(response.responseText); //获得后台传递json

		var store = Ext.create('Ext.data.Store', {
		fields : json.fieldsNames,//把json的fieldsNames赋给fields
		data : json.data          //把json的data赋给data
		}); 
		Ext.getCmp("configGrid").reconfigure(store, json.columModle);  //定义grid的store和column
		Ext.getCmp("configGrid").render();



		}
		});
	 
	    Ext.create("Ext.grid.Panel",{
	    	id : 'configGrid',
			name : 'configGrid',
//			selModel : selModel,
//			store : store1, // 这是另外一个store，不这样就会报错，因为真正的stroe还没有生成
			columns : [],
			displayInfo : true,
			emptyMsg : "没有数据显示",
			items : [],
			renderTo:'grid'
	    });
	   
 
})

通过这种方式即可动态获得grid的header

评论

2 楼 鱼丸粗面 2012-03-15  

试了下，成功了
// selModel : selModel,  
// store : store1, // 这是另外一个store，不这样就会报错，因为真正的stroe还没有生成  
不过必须先指定一个默认的store吧，不然会报错。

1 楼 姜中秋 2012-03-01  

如果grid的里面的单元格包含combobox，可以如下处理：
{header: '作者',dataIndex:'author'," +
"editor:{xtype:'combobox',typeAhead:true,triggerAction:'all',selectOnTab:true,lazyRender:true,store:'LP.store.AuthorStore',displayField: 'author',valueField: 'author'} },"


后台传送的json数据