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

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

猜你喜欢

转载自www.cnblogs.com/liuxiansheng/p/9122512.html