javascript - 如何使用 DataTables 通过引用 var 进行分页或排序

标签 javascript jquery gwt datatables

我正在使用数据表 datatables.net用于进行分组、分页或排序。我想获取数据表初始化的引用变量,并根据情况应用分组或分页。请参阅下面的代码。

var table=$('#table_Id0').dataTable();

这里所有的功能都在工作,但我一次不能使用所有的功能。它应该是基于条件的动态。我们有什么方法可以采用这个引用变量“表”并应用一些逻辑,例如分页错误。

table.paging:false

如何对引用变量应用逻辑。有什么建议吗?

最佳答案

只需在执行之前通过传递 destroy 选项或使用 destroy() 手动销毁实例来重新初始化表即可。下面是一个带有选择框的示例,用户可以在其中选择分页:

<select id="paging">
    <option value="true">paging on</option>
    <option value="false">paging off</option>
</select>   

声明一个 options 对象来保存所有初始选项:

var options = {
    destroy : true,
    paging : true
    //other options goes here
};

当用户在分页中选择新选项时选择:

$("#paging").on('change', function() {
    options.paging = $('#paging').val()=="true" ? true : false;
    table = $("#example").DataTable(options);
});    

演示 -> http://jsfiddle.net/o3sgfv9g/

这演示了使用新的或更改的选项重新初始化表的方法,现在您只需根据问题中提到的任何“情况”或“条件”执行相同的操作即可。

注意:由于您指的是分页,所以使用了1.10.x 表示法,而不是1.9.x bPaginate

关于javascript - 如何使用 DataTables 通过引用 var 进行分页或排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29541725/

相关文章:

javascript - Vimeo JavaScript API 为页面上的所有 iframe 添加事件监听器

javascript - 更改网页上的光标颜色?

jquery - 如何打印包含很多列的 html 表

java - GWT 中的 JSNI 在调用时生成 java.lang.UnsatisfiedLinkError

tomcat - 从基于 ARM 的机器提供 GWT 应用程序

php - 如何使用 javascript (Jquery) 检索查询字符串参数和值?

javascript - jQuery .load 随机工作,绝望

java - GWT - 如何在收到响应后从 RequestBuilder 返回一个字符串值?

javascript - 将数据从 Props 传递到 vue.js 中的数据

javascript - 有没有办法在构造对象后注入(inject)特权方法?