easyui dataGrid 动态添加列.
刚出道写的 ...现在搬到博客园也许有人能用到
其实很简单.
新手创作,不好勿喷.
jsp页面:
<script>
$(function () {
$.getJSON('${pageContext.request.contextPath}/resources/json/datagrid_data.json',function(result){
var columns=new Array();
$.each(result.headers[0], function(i,
field){
var column={};
column["title"]=i;
column["field"]=field;
column["width"]=50;
columns.push(column);//当需要formatter的时候自己添加就可以了,原理就是拼接字符串.
});
$('#tt').datagrid({
title:'
XXX公司价差补差分配表',
height:500,
singleSelect:true,
url:'',
frozenColumns
:[[
{field:'name',title:'项目',width:80,sortable:true,align:'center'},
{field:'count',title:'合计',width:150,sortable:true}
]],columns
: [
columns
],
rownumbers:true}).datagrid('loadData',result.bodys);
});
})
</script>
<div title="XXX公司价差补差分配表" fit="true" border="false"
style="height: 94%;">
<table id="tt"
></table>
</div>
json
代码格式.我这不用分页 也就没有total
{"headers":[
{"一月份":"Jan","二月份":"Feb"}
],"bodys":[
{"name":"LNG","count":"50000","Jan":"20000","Feb":"30000"}
]
}
这样就行了
是不是很简单........