ExtJs 4.0 动态生成Grid

 

每写一篇文章都是一部血泪史啊。最近公司的需求要是使用到Ext的动态生成Grid，公司用的是4.0，由于版本问题在网上找了很多都不实用，所以自己研究了下。

现在给大家分享出来。

后台Json:

callback内容：

callback : function(options, success, response) {
                             alert(response.responseText);
                            var r = Ext.decode(response.responseText);
                               if ("3"==r.state) {
                                    var columnModel = [];
                                    var columns = [];
                                    for(var i=0;i<r.responseResult.columnList.length;i++){//因为后台返回的类型为字符串，要将字符串转换成Object
                                        var v = r.responseResult.columnList[i];
                                        var obj = new Object();
                                        obj = {text:v,dataIndex:v,width:120};
                                        columnModel[i]=obj;
                                        columns[i] = v;
                                    }
                                    
                                    var datas = [];
                                    for(var i=0;i<r.responseResult.dataList.length;i++){//转换成Object
                                        var v = r.responseResult.dataList[i];
                                        var sp = v.split(",");
                                        var objData = new Object();
                                        for(var j=0;j<sp.length;j++){
                                            var columnName = sp[j].substring(0,sp[j].indexOf(":"));
                                            var columnData = sp[j].substring(sp[j].indexOf(":")+1,sp[j].length);
                                            objData[columnName] = columnData;
                                        }
                                        datas[i]=objData;
                                    }
                                    var store = Ext.create('Ext.data.Store', {
                                        fields : columns,
                                        data:datas
                                    });
                                    //注意columns和columnModel必须为数组形式的Object，如果是数组形式的字符串会报错！
                                    Ext.getCmp("syDataSourceGird").reconfigure(store,columnModel);  
                                    return ;
                               }  
                               Ext.create('global.RespWin', {stateOkText : r.msg}).stateError();
                          }