📅  最后修改于: 2023-12-03 15:32:21.178000             🧑  作者: Mango
jQWidgets 是一套基于 jQuery 的 UI 组件库,其中包含了一个可以表示有层级关系的树形表格(jqxTreeGrid)组件。该组件提供了丰富的 API 接口,可以帮助我们完成树形表格的数据操作、样式配置等需求,其中包括 removeFilter() 方法。
removeFilter() 方法用于清除树形表格的筛选条件,将数据还原成初始状态。这个方法可以与 setFilter() 方法结合使用,实现树形表格的快速筛选功能。
$(selector).jqxTreeGrid('removeFilter');
无参数。
无返回值。
下面是一个简单的示例,实现了树形表格的筛选功能。点击“清除筛选”按钮,可以清除当前的筛选条件。
$('#treeGrid').jqxTreeGrid({
// ...
});
$('#filterBtn').on('click', function () {
var filtervalue = $('#filterInput').val().toLowerCase();
$('#treeGrid').jqxTreeGrid('setFilter', function (row, filtervalue) {
var name = row.Name.toLowerCase();
var product = row.ProductName.toLowerCase();
return (name.indexOf(filtervalue) >= 0) || (product.indexOf(filtervalue) >= 0);
}, filtervalue);
});
$('#clearBtn').on('click', function () {
$('#treeGrid').jqxTreeGrid('removeFilter');
});