easyUI数据网格 简写
2017-05-15 17:49
260 查看
为什么要简写呢?
在开发中有N多页面且columns field 又很多。简写可以快速复制多个数据网格页面。
正常的写法。
简写
在开发中有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 datagrid-filter数据网格过滤的汉化
- EasyUI-1.Datagrid 数据网格
- easyui 构建数据网格
- 关于EasyUI Datagrid 数据网格渲染数据过慢
- EasyUI Datagrid 数据网格
- 关于EasyUI Datagrid 数据网格使用策略
- Easyui Datagrid 数据网格---我的使用
- EasyUI Datagrid 数据网格
- EasyUI DataGrid 数据网格
- Easyui 数据网格详细视图(DataGrid DetailView)
- EasyUI 数据网格
- 关于easyui中datagrid数据网格与form表单的使用总结
- Easyui中数据网格请求加载数据为空时,追加合并行显示暂无记录
- 在使用easyui数据网格过程中遇到的问题
- js循环生成多个easyui datagrid数据网格时,初始化表格
- 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格
- easyui 数据网格取消滚动条的方法
- easyui_Datagrid 数据网格 loadData
- EasyUI 数据网格视图(DataGrid View)