jQuery技术:在DataTables Server Side模式下重置按钮以显示原始表数据

我在服务器端模式下设置了DataTables 1.10.15。

当使用jquery的keyupchange方法完成各种输入时,将触发生成表数据的ajax脚本。

我想实现一个按钮,将表重置为原始状态(第一次加载页面,在任何搜索/排序之前)状态。

所以我实现了这一点,这意味着当单击一个按钮( #resetSearch )时,它会清除所有搜索输入字段,然后重绘表格:

 $('#resetSearch').click(function(){ $(':input','#primarySearch') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected'); myTable.draw(); }); 

变量myTable是对DataTables的引用:

 var myTable = $('#myTable').DataTable({ }); 

问题是虽然它清除了我的所有搜索输入,但它不会重置表中的sortorder输入。 因此,如果我在第2列进行了降序排序,然后按了#resetSearch ,它将按第2列的降序给出所有结果 – 因为那里没有代码可以将其重置为升序列0。

我不明白如何定位sortorder输入,以便我可以覆盖它们并使其工作。

请有人帮忙吗?

    对于您的问题,数据表已经具有类/选择器’.filter-cancel’的处理程序。

    将类’filter-cancel’的按钮或链接放入您的表格(例如)并点击它进行测试。 它将默认重新加载您的数据并重置所有filter。

      以上就是jQuery教程分享在DataTables Server Side模式下重置按钮以显示原始表数据相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/558690.html

      (0)
      上一篇 2021年1月27日
      下一篇 2021年1月27日

      精彩推荐