📅  最后修改于: 2023-12-03 14:43:21.439000             🧑  作者: Mango
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>