easyUI数据网格 简写

来源:互联网 发布:js获取另一个页面的id 编辑:程序博客网 时间:2024/05/25 20:01

为什么要简写呢?
在开发中有N多页面且columns field 又很多。简写可以快速复制多个数据网格页面。

正常的写法。

$('#dg').datagrid({    url:'datagrid_data.json',    columns:[[        {field:'code',title:'Code',width:100},        {field:'name',title:'Name',width:100},        {field:'price',title:'Price',width:100,align:'right'}    ]]});

简写

//只需要改变的data数据。var data={        'hardwareVersion':'硬件版本号',        'firmwareVersion':'固件版本号',        'protocalVersion':'协议版本号'            }   //----------下面的代码只需要每个页面复制,或写成基类就ok了-------------------------------------       var i=0        var columnObj=[]        var myobj={};        $.each(data,function(key,value){            myobj={"field":key,"title":value,"sortable":true}            columnObj.push(myobj);            //---------个别需要设置formatter的---            if(key=="protocalVersion"){                myobj. formatter=function(value,row,index){                    return value+"号"                }            }            i++;        })        $('#dg').datagrid({            url:'datagrid_data.json',            columns:[columnObj]        });