您的位置:首页 > 产品设计 > UI/UE

easyUI数据网格 简写

2017-05-15 17:49 260 查看
为什么要简写呢?

在开发中有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]
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui