码迷,mamicode.com
首页 > 其他好文 > 详细

easyui dataGrid 动态添加列

时间:2015-01-04 16:54:52      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

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

 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"}
]
}


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

 

easyui dataGrid 动态添加列

标签:

原文地址:http://www.cnblogs.com/liuxiansheng/p/4201237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!