$('#tTable').datagrid({
fit:true,
iconCls:'icon-liebiao',
width:200,
height:450,
singleSelect : true,
loadMsg : '请稍候......',
nowrap: false,
striped: true,
url:'',
sortName: 'id',
sortOrder: 'asc',
remoteSort: false,
idField:'id',
pageSize : 20,
showFooter:false,
columns : [ [ {
field : 'base.name',
title : '名称',
width : 100
},
{
field : 'base.das.base.name',
title : '服务器',
width : 100
},
{
field : 'base.model.firm.name',
title : '厂商',
width : 100
},
{
field : 'base.model.name',
title : '型号',
width : 100
}
] ],
loadFilter:function(data){
return loadFilter(data); //自定义过滤方法
}
自定义过滤数据方法:
//datagrid数据格式过滤器
function loadFilter(data){
var value = {
total:data.total,
rows:[]
};
for (var i = 0; i < data.rows.length; i++) {
var o = {};
_loadArray(data.rows[i],o,"");
value.rows.push(o);
}
return value;
}
function _loadArray(data,o,pre){
if(pre)
pre = pre+".";
for (var att in data) {
var row = data[att];
if(typeof(row) == "object"){
_loadArray(row,o,pre+att);
}else{
o[pre+att] = row;
}
}
}
测试数据如下,最终生成的数据格式:
[img][/img]
取值方法 node["base.name"]以此类推
解决appendRow时无法解析新的行数据的方法:
//改变数据格式
var node = {};
_loadArray(res.data.data,node,"");
$('#tTable').datagrid('appendRow',node);
- 大小: 77.5 KB
分享到:
相关推荐
DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题
WPF实现DataGrid中数据的验证-源码
一个很有用的Grid插件,为每个列添加过滤条件,开发必备工具
ASP.NET-DataGrid,ASP.NET-DataGrid
通过将DataGrid保存在.xps文件中,实现对DataGrid数据的打印
datagrid-scrollview-demo
wpf DataGrid 自定义样式、控件模板 ControlTemplate
落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo
EasyUI DataGrid过滤用法实例
flex 自定义 datagrid 列头带组合框进行过滤
近期在用datagrid-scrollview时,发现如果列数较少,不产生横向滚动条时,则不会触发虚拟滚动翻页的动作,只能查出第一批次的数据信息,经过大量的时间测试改善,发现需要改变源码中的判断条件。仅供参考
支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js
本资源主要是使用easyui控件,并结合ASP。net实现datagrid与数据库的连接,数据的增,删,改,分页操作,完成tree加载数据库数据,希望对开发初学者有所帮助
给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能
DataGrid模板列自定义控件使用,依赖属性的绑定
ra-datagrid.mp4 功能 通过 dataProvider 进行服务器端过滤、排序和分页 行选择 单元格编辑 隐藏/显示列 所有 material-ui 功能(附加道具传递给它) 用法 将 react-admin 替换为导出的那个这个包。 当 Datagrid ...
jquery-easyui的扩展组件jquery-easyui-datagridview,其中的datagrid-detailview....我将 datagrid-detailview.js文件进行了升级修改,支持用户通过表格列定义以及数据值来动态生成展开按钮,非常方便。 共享给大家。
JS EasyUI DataGrid动态加载数据
easyui-datagrid之间拖拽效果demo
DataGrid实现数据过滤。 输入关键字,对DataGrid中的数据进行筛选过滤