如何实现EasyUI datagrid filter 延时过滤
时间: 2023-09-03 20:12:12 浏览: 365
要实现EasyUI datagrid filter延时过滤,可以通过以下步骤完成:
1. 在datagrid的初始化代码中,设置filterDelay参数的值,比如设置成1000,表示延时1秒过滤。
2. 监听datagrid的onBeforeLoad事件,在这个事件中获取datagrid的参数params,然后修改params.filter,添加延时过滤需要的内容。
3. 使用setTimeout函数来实现延时过滤,例如:
``` javascript
var timeoutId = null;
$(function(){
$('#dg').datagrid({
url: 'datagrid_data.json',
filterDelay: 1000,
onBeforeLoad: function(param){
if (timeoutId){
clearTimeout(timeoutId);
}
// 如果params中有filter字段,需要在这里进行修改
var filterValue = param.filter;
timeoutId = setTimeout(function(){
var newFilter = {...}; // 根据filterValue生成新的filter内容
param.filter = newFilter;
$('#dg').datagrid('load', param);
}, 1000);
return true;
}
});
});
```
这样就可以实现EasyUI datagrid filter的延时过滤了。
阅读全文