jquery easyui datagrid 动态生成表头 + 嵌套对象属性展示

代码功能：

1、datagrid 的表头由后台生成，可以配置在数据库

2、datagrid 的列绑定数据 支撑嵌套对象

 

Js代码  

1. $(function() {  
2.     var columns = new Array();  
3.     var cols = new Array();  
4.     var colData = new Object();  
5.       
6.     $.post("url","params",function(data){  
7.         //动态生成表头开始  
8.         if(data.xxxx != null){  
9.             $.each(data.xxxx,function(){  
10.                 colData = new Object();  
11.                 colData.field = this.resCode;  
12.                 colData.title = this.resName;  
13.                 colData.width = 100;//也可以配置在数据库，这样整个页面的生成全部是配置的  
14.                 colData.formatter =  function(value,row,index){  
15.                       
16.                     //这两句是嵌套对象属性绑定，insideObject 为嵌套的对象，field 为对象的属性  
17.                     //datagrid 的field不能重复，注意在绑定field 时不能全部用 insideObject，需要使用  insideObject 的属性绑定  
18.                     var field = this.field;  
19.                     return row.insideObject[field];  
20.                       
21.                 };  
22.                 cols.push(colData);  
23.             });  
24.         };  
25.         columns.push(cols);  
26.         //动态生成表头结束  
27.           
28.         var gridCfg = {  
29.             fit         : true,  
30.             loadMsg     : '数据加载中......',  
31.             url         : opts.resDataQueryUrl,  
32.             nowrap      : true,  
33.             border      : false,    
34.             striped     : true,  
35.             pagination  : true,  
36.             pageSize    : opts.pageSize,  
37.             rownumbers  : true,  
38.             singleSelect: false,  
39.             columns     : columns,  
40.             fitColumns : false,  
41.             queryParams : {},  
42.             frozenColumns   :   [[    
43.                 {field:'ck',checkbox:true}    
44.             ]],   
45.             onLoadSuccess:function(data){  
46.             }  
47.         };  
48.         $('#id').datagrid(gridCfg);  
49.       
50.     });  
51.   
52. });  
53. 出自 :http://gougouqihao.iteye.com/blog/1986610?utm_source=tuicool&utm_medium=referral