javascript - 使用单独列过滤的状态保存

Question

我在数据表中使用单独的列过滤以及 stateSave: true。为了执行列过滤，我使用列 filter.js。

我面临一个问题如果我过滤列中的数据并重新加载页面，它只维护表格的状态，但文本框变为空。在页面刷新时，表格和搜索文本框的状态保持不变。

在页面刷新时，应该显示文本框值，但文本框不会显示，而是变为空。

拜托，让我知道如何维护文本框值和表格状态。

我正在使用这段代码

jQuery('#Gridtable').dataTable({
    stateSave: true,                                
    "aLengthMenu": [[10, 25, 50, 100, 500, -1], [10, 25, 50, 100, 500, "All"]],
    "iDisplayLength": 10,
}).columnFilter({
    sPlaceHolder: "head:after",
    aoColumns: [
        { type: "text" },
        { type: "text" },
        { type: "text" },
    ]
});

Answer 1

"stateLoaded": function stateLoadedCallback(settings, state) {
    state.columns.forEach(function (column, index) {
       $('#' + settings.sTableId + '-head-filter-' + index).val(column.search.search);
    });
}

只需将您所在州的值放入字段中即可