easyui dataGrid 动态添加列

其实很简单.
新手创作,不好勿喷.
jsp页面:

[html]  view plain  copy

 

1. <script>  
2.     $(function () {  
3.   
4.         $.getJSON('${pageContext.request.contextPath}/resources/json/datagrid_data.json',function(result){  
5.             var columns=new Array();  
6.             $.each(result.headers[0], function(i, field){  
7.                 var column={};  
8.                 column["title"]=i;  
9.                 column["field"]=field;  
10.                 column["width"]=50;  
11.                 columns.push(column);//当需要formatter的时候自己添加就可以了,原理就是拼接字符串.  
12.             });  
13.             $('#tt').datagrid({  
14.                 title:' XXX公司价差补差分配表',  
15.                 height:500,  
16.                 singleSelect:true,  
17.                 url:'',  
18.                 frozenColumns :[[  
19.                     {field:'name',title:'项目',width:80,sortable:true,align:'center'},  
20.                     {field:'count',title:'合计',width:150,sortable:true}  
21.                 ]],columns : [  
22.                     columns  
23.                 ],  
24.                 rownumbers:true}).datagrid('loadData',result.bodys);  
25.         });  
26.     })  
27. </script>  
28. <div title="XXX公司价差补差分配表" fit="true" border="false" style="height: 94%;">  
29. <table id="tt"  ></table>  
30. </div>  

json 代码格式.我这不用分页 也就没有total

{"headers":[
    {"一月份":"Jan","二月份":"Feb"}
],"bodys":[
    {"name":"LNG","count":"50000","Jan":"20000","Feb":"30000"}
]
}

这样就行了 是不是很简单........

转载自：http://www.360doc.com/content/14/0531/13/17181183_382509049.shtml