option stateSaveCallback 定义表格状态怎样、在哪里存储

最新推荐文章于 2022-08-23 17:53:45 发布

转载最新推荐文章于 2022-08-23 17:53:45 发布 · 547 阅读

本文介绍如何使用DataTables的stateSaveCallback选项将表格的状态（包括过滤、排序等）保存到服务器。通过设置此选项为true，并定义一个回调函数，可以自定义状态数据的存储方式。

参数详解连接 stateSaveCallbackOption stateSaveCallback不定时一讲

当为true，代表 DataTables 能存储表格的状态（过滤，排序，分页等等）默认情况使用localStorage 进行存储。这个回调函数允许你更改怎样储存或在哪里储存表格状态数据，比如是从服务器上

基本语法：

保存状态到服务器上


 1
2
3
4
5
6
7
8
9
10
11
12
13
14 $('#example').DataTable( {
  "stateSave": true,
  "stateSaveCallback": function (settings, data) {
    // Send an Ajax request to the server with the state object

    // 发送一个请求把数据存到服务器

    $.ajax( {
      "url": "/state_save",
      "data": data,
      "dataType": "json",
      "type": "POST",
      "success": function () {}
    } );
  }
} );