ExtJs Grid自动生成列

这个问题纠结了我很久,本来想找个插件来解决的,但好像很少拿Extjs做报表啊,这么常用的功能竟然没有好的解决办法,唯一找到的一个插件就是AutoGrid2,可并不能解决问题,最后在老外的一段代码下终于找到了解决方法,原来如此简单.

数据源:

  {'data':[{'number':'1','text1': '3','info1': '4','special1': '5'},{'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'}]
  }

js:

Ext.onReady(function() {

        var conn = new Ext.data.Connection();
        conn.request({ url: '/Scripts/11.js', callback: function(options, success, response) {
            var json = new Ext.util.JSON.decode(response.responseText);
            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({
                height: 200,
                width: 400,
                region: 'center',
                split: true,
                border: false,
                store: ds,
                cm: cm
            });

            grid.render('grid-example');
        }
        });