使用单个列过滤保存状态

时间:2016-04-21 08:17:34

标签: javascript jquery twitter-bootstrap datatables

我在数据表中使用单独的列过滤以及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" },
    ]
});

2 个答案:

答案 0 :(得分:0)

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

只需将您所在州的值输入字段

答案 1 :(得分:-1)

万一有人在两年后​​偶然发现这篇帖子...... this应该是所描述问题的解决方案。