在jQuery DataTable插件上保存自定义筛选器的状态
我对来自RESTAPI结果的动态数据应用了定制的jQuery数据表过滤器。代码如下:在jQuery DataTable插件上保存自定义筛选器的状态,jquery,filter,datatables,savestate,Jquery,Filter,Datatables,Savestate,我对来自RESTAPI结果的动态数据应用了定制的jQuery数据表过滤器。代码如下: $('#jQmyCases').DataTable({ //... All the required options are here ... // Fetch data from REST API }); 加载数据后,我将使用以下代码段初始化我的自定义筛选器: $('#jQmyCases thead').append('<tr id="filters"><th col="
$('#jQmyCases').DataTable({
//... All the required options are here ...
// Fetch data from REST API
});
加载数据后,我将使用以下代码段初始化我的自定义筛选器:
$('#jQmyCases thead').append('<tr id="filters"><th col="ItemColor">Item Color</th><th>..</th>....</tr>'); // Many filters r there but i have only added one
$("#filters th").each(function (i) {
var colheader = $(this).attr('col');
var select = $('<select id="ddl' + colheader + '" style="width:80px;"><option value="">Selecteer ' + $(this).attr('col') + '</option></select>')
.appendTo($(this).empty())
.on('change', function () {
dataTableExample.column(i)
.search($(this).val())
.draw();
});
dataTableExample.column(i).data().unique().sort().each(function (d, j, full) {
try {
if (full[j] != null) {
if (i == 3) { // Column Color
var itemColor = full[j];
select.append('<option value="' + itemColor + '">' + itemColor + '</option>');
}
}
}
catch (err) {
console.log(err);
}
});
});
现在我必须保存datatable的状态,以便在下一次重新加载页面时,它确实保存下拉列表的值并显示以前的结果
我已经看过了,它显示了一些我想要的逻辑,但是它有静态选项作为过滤器
问题:如何使用jQuery dataTable插件上的自定义过滤器实现saveState
选项?有人对此有解决办法吗
任何帮助都将不胜感激