📜  jQWidgets jqxDataTable applyFilters() 方法(1)

📅  最后修改于: 2023-12-03 14:43:21.439000             🧑  作者: Mango

jQWidgets jqxDataTable applyFilters() 方法

介绍

jQWidgets jqxDataTable 是一个功能强大的表格组件,具有多种数据展示和操作的功能。其中 applyFilters() 方法可以通过设置条件过滤器来对表格数据进行过滤。

使用方法

applyFilters() 方法的调用方式为:

$('#myDataTable').jqxDataTable('applyFilters');

其中,#myDataTable 是表格的 ID,可以根据实际情况修改。

applyFilters() 方法不需要传入参数,会自动读取表格中设置的条件过滤器并进行过滤。

注意事项

在调用 applyFilters() 方法之前,需要先设置条件过滤器。具体方法为:

$('#myDataTable').jqxDataTable({
    filterable: true,
    filterMode: 'advanced',
    filter: function(){
        // 设置条件过滤器
    }
});

其中,filterable 表示开启条件过滤器功能,filterMode 表示过滤器的模式,advanced 表示高级过滤器模式,filter 表示设置条件过滤器的方法,需要自己实现。

返回值

applyFilters() 方法没有返回值,会直接对表格数据进行过滤。

示例代码
$('#myDataTable').jqxDataTable({
    source: myDataAdapter,
    filterable: true,
    filterMode: 'advanced',
    filter: function(){
        // 设置条件过滤器
    }
});

$('#applyFiltersBtn').on('click', function(){
    // 点击按钮时调用 applyFilters() 方法过滤数据
    $('#myDataTable').jqxDataTable('applyFilters');
});

按钮的 HTML 代码:

<button id="applyFiltersBtn">应用过滤器</button>
参考链接

jQWidgets jqxDataTable API 文档