📜  jQWidgets jqxTreeGrid removeFilter() 方法(1)

📅  最后修改于: 2023-12-03 15:32:21.178000             🧑  作者: Mango

jQWidgets jqxTreeGrid removeFilter() 方法

简介

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');
});
注意事项
  1. removeFilter() 方法必须在 jqxTreeGrid 实例初始化后调用;
  2. removeFilter() 方法不会对筛选条件进行验证,因此应谨慎使用;
  3. removeFilter() 方法只会清除通过 setFilter() 方法设置的筛选条件。