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

代码功能：

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

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

Js代码

1. $(function(){
2. varcolumns=newArray();
3. varcols=newArray();
4. varcolData=newObject();
6. $.post("url","params",function(data){
7. //动态生成表头开始
8. if(data.xxxx!=null){
9. $.each(data.xxxx,function(){
10. colData=newObject();
11. colData.field=this.resCode;
12. colData.title=this.resName;
13. colData.width=100;//也可以配置在数据库，这样整个页面的生成全部是配置的
14. colData.formatter=function(value,row,index){
16. //这两句是嵌套对象属性绑定，insideObject为嵌套的对象，field为对象的属性
17. //datagrid的field不能重复，注意在绑定field时不能全部用insideObject，需要使用insideObject的属性绑定
18. varfield=this.field;
19. returnrow.insideObject[field];
21. };
22. cols.push(colData);
23. });
24. };
25. columns.push(cols);
26. //动态生成表头结束
28. vargridCfg={
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);
50. });
52. });
53. 出自 :http://gougouqihao.iteye.com/blog/1986610?utm_source=tuicool&utm_medium=referral