Question

我的数据表存在问题......

问题是：我无法在初始化后更改页面....

我想要的工作流程是：

用户在第3页中选择单选按钮
我保存了这个收音机的ID和当前的页面
我销毁数据表
当用户重新输入数据表（重新创建数据表）时，我希望该用户直接进入第2页

这是我的代码：

    $('.js_select').click(function (e) {
        var oTable = $("#id").DataTable({
        ......
        });


         $(document).on("keypress", function (e) {

            oTable.fnPageChange(2);

         });

    });

P.S。 2是测试功能的一个例子：）

但是我在consolle中得到了这个错误：

Uncaught TypeError: oTable.fnPageChange is not a function

我该怎么办？

由于

Answer 1

你可以尝试一下吗？

$(document).ready(function() {

  var currentPaging = 1;

  $('#example').DataTable( {
    responsive: true
  } );

  var oTable = $('#example').dataTable();

  $(document).on("keypress", function (e) {
    oTable.fnPageChange(2);
  });

  $('#example').on( 'page.dt', function () { 
    var info = $('#example').DataTable().page.info();
    var page = info.page + 1;

    alert('Current paging : '+page);

    currentPaging = info.page + 1;
  });

  $('#memorizePaging').on("click", function (e) {

    alert("I'm on the page : "+currentPaging);

  });

} );

我做了一个小提示，告诉你fnPageChange有效：https://jsfiddle.net/z4zgp9az/5/

Answer 2

使用stateSave，它将完全按照您的需要执行操作：

var oTable = $("#id").DataTable({
  stateSave : true,
  ...
});

现在每次实例化表格时，它都会恢复上次会话的设置，即分页，排序，搜索短语......

Answer 3

似乎“DataTable”应该从小字符“dataTable”开始它应该有所帮助：

 $('.js_select').click(function (e) {
    var oTable = $("#id").DataTable({
    ......

更改为：

 $('.js_select').click(function (e) {
    var oTable = $("#id").dataTable({
    ......

无法更改数据表中的页面

3 个答案: