jQuery Datatable，保存表的状态，如分页、搜索等

Question

所以我使用这个属性 "bStateSave": true 来保存 jQuery Datatable 的状态，但由于某种原因它对我不起作用。当我刷新页面时，它不会保存搜索结果和分页等。是否还有其他一些参数需要与此参数配合使用。我主要查看此页面上的信息

http://datatables.net/examples/basic_init/state_save.html

代码太大了，无法发布，我不确定应该发布什么片段。在此先感谢您的帮助。

Answer 1

首先，您要确保拥有 Cookie，加载页面后跳入 Chrome，单击“设置”，然后单击“显示高级设置”，在隐私部分下单击内容设置。

下面是来自该网站的代码示例，它在我的网络应用程序中运行良好，并且还确保您拥有该插件的最新版本。

$('#MyExampleGrv').dataTable({
    "bStateSave": true,
    "fnStateSave": function (oSettings, oData) {
        localStorage.setItem('DataTables_' + window.location.pathname, JSON.stringify(oData));
    },
    "fnStateLoad": function (oSettings) {
        var data = localStorage.getItem('DataTables_' + window.location.pathname);
        return JSON.parse(data);
    }
});

这段代码的作用是创建一个本地存储而不是 cookie，并使用特定于页面的数据而不是仅使用称为数据表的通用标识符，这样如果您在另一个页面上有一个表，就不会发生冲突。此代码不会执行的操作是，如果您使用 ASP.NET 控件和 gridview，如果您使用 ASP.NET 内置的通用 CRUD 操作(例如编辑/删除/更新)，并且您的编辑，则此代码不会保存分页状态item 位于分页第 3 页，在回发甚至通过 AJAX 部分回发后，它将默认为第 1 页。