easyui datagrid onSortColumn过滤某些行
时间: 2023-12-06 11:45:02 浏览: 47
你可以使用easyui datagrid的onSortColumn事件来实现排序并过滤某些行。具体的步骤如下:
1. 在datagrid初始化时设置onSortColumn属性,指定事件处理函数:
```
$('#dg').datagrid({
onSortColumn: function(sort, order){
filterRows(); // 执行过滤操作
}
});
```
2. 编写filterRows函数,该函数会根据需要过滤掉某些行并重新加载数据:
```
function filterRows(){
var rows = $('#dg').datagrid('getRows'); // 获取所有行数据
var filteredRows = [];
for(var i=0; i<rows.length; i++){
var row = rows[i];
// 根据需要过滤掉某些行
if(row.field1 != 'value1' && row.field2 != 'value2'){
filteredRows.push(row); // 添加未被过滤的行到数组中
}
}
// 重新加载数据
$('#dg').datagrid('loadData', filteredRows);
}
```
在这个例子中,我们遍历了每一行数据,根据某些条件过滤掉了一些行,并将未被过滤的行添加到一个新的数组中。最后,我们使用datagrid的loadData方法重新加载数据,只显示未被过滤的行。