Ext 動態添加grid 列數

Ext 動態添加grid 列數

在做報表的時候，需要將grid的列數做成活的，列數有資料庫裡的欄位確定，這據需要將grid的列數做成動態，經過多次實驗已成，如下：

後台返回的json:

                {'action':true,'message':'error!','data':[
                {'number':'1','text1': '3','info1': '4','special1': '5'}
                ],'columModle':[
                {'header': '序號','dataIndex': 'number','width':40},
                {'header': '編碼','dataIndex': 'text1'},
                {'header': '名稱','dataIndex': 'info1'},
                {'header': '金額','dataIndex': 'special1'}
                ],'fieldsNames':[{name: 'number'},
                {name: 'text1'}, {name: 'info1'},
                {name: 'special1'}]}

            var cm = new Ext.grid.ColumnModel(json.columModle);
            var ds = new Ext.data.JsonStore({
            data:json.data,
            fields:json.fieldsNames
            });
                                       
            var grid = new Ext.grid.GridPanel({
            region: 'center',
            split: true,
            border:false,
            cm:cm,
            ds:ds
            });
            grid.render(document.body);
           
            new Ext.Viewport({
              layout: 'border',
              split: true,
              items: [grid]
            });