DataTables.js - .page() API 调用上的动态变量标记错误

Question

因此，我正在通过 select 下拉菜单为我的 DataTable 创建自定义导航。每个选项的值等于每个页面，但是运行它通过 jQuery on Change 函数标记了一个 DataTable 错误，让我回到 API 文档。

HTML:

<div class='form-group'>
     <label>Student</label>
     <select name='filter-name' class='form-control' id='table-name'>
          <option value='0'>1</option>
          <option value='1'>2</option>
          <option value='2'>3</option>
          <option value='3'>4</option>
          <option value='4'>5</option>
     </select>
</div>

JS:

$("#example").DataTable({});
var table = $("#example").DataTable();

$("#table-name").on('change', function(){
     var pageVar = $(this).val();
     table.page(pageVar).draw('page');
});

我继续收到此警告：

DataTables warning: table id=example - Unknown paging action: 0. For more information about this error, please see http://datatables.net/tn/5

但是如果我硬编码一个整数而不是 pageVar，它工作得很好。

Answer 1

所以根据 document:

这个参数有两种形式：

整数 - 要跳转到的页面索引（0 是第一页！）
String - 要执行的操作：
1. first - 跳转到第一页。
2. next - 跳转到下一页。
3. previous - 跳转到上一页。
4. last - 跳转到最后一页。

因此，您应该注意 Integer 值。

parseInt(pageVar)

查看错误描述here:

The built-in page() method has a number of options for changing the page, for example, you can pass in the string next to jump to the next page. This error occurs when the option passed in is not known.

DataTables.js - .page() API 调用上的动态变量标记错误

DataTables.js - Dynamic Variable flagging error on .page() API Call

javascript

jquery

onchange

datatables