ExtJs中根据后台数据动态创建表格列及其数据

1. renderDynamicTable: function(dataset,type, tab) {  
2.      var resultSetId = type === 'control' ? '#controlResultSet' : '#testResultSet';  
3.      var ctlSet = dataset;  
4.      if(Ext.isArray(ctlSet) && ctlSet.length > 0){  
5.          var ctlData = [];  
6.          var fields = [];  
7. //根据数据集动态创建store fields及行数据  
8.          ctlSet.forEach(function(row,index){  
9.              var rowData = {};  
10.              if(row && row.length > 0){  
11.                  if(fields.length === 0){  
12.                      for(var i=0;i<row.length;i++){  
13.                          fields.push('col' + i);  
14.                      }  
15.                  }  
16.                  row.forEach(function(value,index){  
17.                      rowData[fields[index]] = value;  
18.                  });  
19.                  ctlData.push(rowData);  
20.              }  
21.          });  
22.          var columns = [];  
23. //根据数据集动态创建列  
24.          fields.forEach(function(name,index){  
25.              columns.push({  
26.                  text: name,  
27.                  dataIndex: name,  
28.                  renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {  
29.                      if(!Ext.isEmpty(value)){  
30.                          metaData.tdAttr = 'data-qtip="' + value + '"';  
31.                      }  
32.                      return value;  
33.                  }});  
34.          });  
35. //创建内存store,绑定数据及fields  
36.          Ext.create('Ext.data.Store', {  
37.              storeId:'ctlStore',  
38.              fields:fields,  
39.              data: ctlData,  
40.              proxy: {  
41.                  type: 'memory',  
42.                  reader: {  
43.                      type: 'json'  
44.                  }  
45.              }  
46.          });  
47. //给表格重写配置store和列  
48.          tab.down(resultSetId).reconfigure(Ext.data.StoreManager.lookup('ctlStore'),columns);  
49.      }  
50.  }