我在服务器端模式下设置了DataTables 1.10.15。
当使用jquery的keyup
和change
方法完成各种输入时,将触发生成表数据的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({ });
问题是虽然它清除了我的所有搜索输入,但它不会重置表中的sort
和order
输入。 因此,如果我在第2列进行了降序排序,然后按了#resetSearch
,它将按第2列的降序给出所有结果 – 因为那里没有代码可以将其重置为升序列0。
我不明白如何定位sort
或order
输入,以便我可以覆盖它们并使其工作。
请有人帮忙吗?
对于您的问题,数据表已经具有类/选择器’.filter-cancel’的处理程序。
将类’filter-cancel’的按钮或链接放入您的表格(例如)并点击它进行测试。 它将默认重新加载您的数据并重置所有filter。
以上就是jQuery教程分享在DataTables Server Side模式下重置按钮以显示原始表数据相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/558690.html