datagrid数据格式解析－自定义过滤函数loadFilter

最新推荐文章于 2024-08-15 10:08:02 发布

kunkkaCoco

最新推荐文章于 2024-08-15 10:08:02 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kunkkaCoco/article/details/47085897

本文详细解析了在datagrid中如何实现自定义过滤功能，通过loadFilter函数进行数据格式处理，以达到根据特定条件筛选显示数据的目的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#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);

查看图片附件