更新dataTable搜索
updating dataTable search
我在我的网站上使用dataTables插件,我的搜索栏有一些小问题,这是包含在说的插件;我使用该代码来清除搜索栏,清空输入字段:
function tog(v){return v?'addClass':'removeClass';}
$(document).on('input', '.clearable', function(){
$(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function( e ){
$(this)[tog(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onX');
}).on('touchstart click', '.onX', function( ev ){
ev.preventDefault();
$(this).removeClass('x onX').val('').change().submit();
});
取自这个stackoverflow问题
现在问题来了:每当我单击为清除输入而指定的叉号时,输入就会像它应该的那样被清除,然而,dataTable表仍然只显示与搜索输入相对应的表行。我如何清除dataTable搜索时,单击交叉。我注意到它只需要按下一个键,比如退格键、向下箭头键……更新搜索
你有两个选择
-
通过触发
keyup
事件通知dataTable
搜索字段已更改// on 'touchstart click' event $(this).keyup();
-
reDraw
表手动var table = $('#example').DataTable(); table.search('').draw();
相关文章:
- 用程序搜索JQuery数据表中的文本
- 在html Select中添加搜索
- Ajax Live搜索发布到Laravel视图
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- 学生搜索项目jquery/javascript
- 用于搜索的聚合物嵌套绑定
- 在javascript中搜索具有重复值的两个数组中的匹配值
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 使用javascript搜索具有用户输入的数组
- jQuery/Datatables:在基本DataTable中包含许多不同的搜索过滤器类型和字段
- [ jQuery/Datatable ]:数据表无响应,禁用输入搜索
- dataTable搜索〔Filter Plugin〕没有'不改变就不工作
- 谷歌可视化:如何在DataTable对象上提供用户搜索
- JQuery dataTable删除id和类的结果行需要在值中搜索
- 更新dataTable搜索
- DataTable—为什么我不能让单个列搜索(选择输入)工作?
- "未捕获的类型错误:无法使用'在'操作员搜索'长度'在“;由Datatable
- DataTable自定义搜索实现
- 无法使用jquery/javascript在dataTable中搜索文本
- jQuery DataTable列过滤器延迟搜索,直到3+字符或输入键