从服务器端获取列和数据动态创建Ext.grid.EditorGridPanel

1、添加列的方法

var addColumn = function(){
 this.fields = '';
 this.columns = ''; 
 this.addColumns=function(name,caption){
     if(this.fields.length > 0){
         this.fields += ',';
     }
     if(this.columns.length > 0){ 
         this.columns += ',';
     } 
     this.fields += '{name:"' + name + '"}';
     this.columns += '{header:"' + caption + '",dataIndex:"' + name + '",sortable:true,hidden:true}';
            
 };
15 };

2、从服务器端获取列，然后动态添加到ColumnModel中

 Ext.Ajax.request({
   url : '/action',
   success:function(response,option){ 
     if(response.responseText==""){
           return;
     } 
     data = new addColumn();
     var res = Ext.util.JSON.decode(response.responseText); 
     for(var i=0;i<res.data.length;i++){
            data.addColumns(res.data[i].id,res.data[i].name);
     }
     //动态生成GridPanel
      makeGrid();
   },
   failure:function(){
       Ext.Msg.alert("消息","查询出错----");
   }
 });

3、将列添加到grid中

               //动态生成GridPanel
                var makeGrid = function(){
                    var cms = new Ext.grid.ColumnModel(eval('([' + data.columns + '])'));
                    cms.defaultSortable = true; 
                    var fields = eval('([' + data.fields + '])');
                       var store  = new Ext.data.Store({
                            proxy:new Ext.data.HttpProxy({ url : '/action'}),
                            reader:new Ext.data.JsonReader({totalProperty:"total",root:"data",fields :fields })
                    });
                    store.load({params:{start:0,limit:50}});
                    var grid =new Ext.grid.EditorGridPanel({
                        id:'rigthBW',
                        viewConfig:{forceFit:true,autoScroll:true},
                        store:store,
                        bodyStyle:'100%',
                        cm:cms,
                        height:540,
                        autoWidth:true,                        
                         layout : 'fit',//自适应布局
                        border:"1",
                        renderTo:"showBW",
                        bbar:new Ext.PagingToolbar
                                 ({
                                     emptyMsg:"没有数据",
                                     displayInfo:true,
                                     displayMsg:"显示从{0}条数据到{1}条数据，共{2}条数据",
                                     store:store,
                                     pageSize:50,
                                     refreshText:"刷新列表"
                                 }) 
                    });
                    grid.loadMask.msg='正在加载.........';
                }
               }