DataTables.js-.page()API调用

时间:2018-07-10 18:36:14

标签: javascript jquery datatables onchange

因此,我正在通过选择下拉列表为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来整数,那么它就可以正常工作。

1 个答案:

答案 0 :(得分:1)

根据document

此参数可以采用两种形式:

  1. 整数-要跳转到的页面索引(0是第一页!)
  2. 字符串-要执行的操作:
    1. first-跳到第一页。
    2. next-跳至下一页。
    3. previous-跳至上一页。
    4. last-跳至最后一页。

因此,您应该注意Integer的值。

  

parseInt(pageVar)

检查错误here的描述:

  

内置的page()方法具有许多用于更改页面的选项,例如,您可以传入旁边的字符串以跳至下一页。如果不知道传入的选项,则会发生此错误。