博客

jQWidgets jqxTreeGrid applyFilters() 方法

  • Post category:jquery

jQWidgets jqxTreeGrid applyFilters() 方法

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件，它可以展示层级结构的数据支持多种交互。jqxTreeGrid 提供了 applyFilters() 方法，用于应用过滤器。

applyFilters() 方法

applyFilters() 方法用于应用过滤器。该方法没有参数，调用该方法后，jqxTreeGrid 会根据当前设置的过滤器进行数据过滤。

$('#treeGrid').jqxTreeGrid('applyFilters');

示例说明

下面是两个示，展示如何使用 applyFilters() 方法：

示例1

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField:id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ],
    filterable: true,
    filterMode: 'advanced'
});

// 应用过滤器
$('#treeGrid').jqxTreeGrid('applyFilters');

在这个示例中，我们创建了一个 jqxTreeGrid 组件，并将其绑定到一个数据源。我们还设置了 filterable 属性为 true，启用了过滤器功能。我们还设置了 filterMode 属性为 advanced，表示使用高级过滤器模式。最后，我们调用了 applyFilters()，应用当前设置的过滤器。

示例2

$('#treeGrid').jqxTreeGrid({
    source: dataAdapter,
    columns: [
        { text: 'ID', dataField: 'id', width: 100 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 }
    ],
    filterable: true,
    filterMode: 'simple'
});

// 应用过滤器
$('#tree').jqxTreeGrid('applyFilters');

在这个示例中，我们同样创建了一个 jqxTreeGrid 组件，并将其绑定到一个数据源。不同的是，我们设置了 filterMode 属性为 simple表示使用简单过滤器模式。最后，我们调用了 applyFilters() 方法，应用当前设置的过滤器。

总结

以上就是 jqxTreeGrid 组件的 applyFilters() 方法的详细讲解和示例。通过使用 applyFilters() 方法，我们可以方便地应用当前设置的过滤器，实现数据过滤。

Tags: