JQuery DataTables 隐藏搜索框 及 延迟搜索
来源:互联网 发布:国际空间站直播软件 编辑:程序博客网 时间:2024/06/17 18:16
这一小节,说一个小知识点。隐藏搜索框 和 延迟搜索的简单介绍。
隐藏搜索框
上一篇 博客介绍了 JQuery DataTables 自定义查询, 我们知道 在 使用 API 中的 Search方法时,需要将 searchiing 配置设置为 true。
但是设置 为true,之后,过滤框会自动显示出来(如下图)。 但是搜索框 监听的是我们键盘输入,有输入时就会发起请求,这对于我们服务端查询来说,是一种资源的消耗(当然我们可以通过延迟查找,下面我们将介绍)
所以我们可能有 隐藏搜索框的需求,我们应该如何实现呢?
答:我们可以通过 配置dom来隐藏搜索框
dom:'lBrtip'
延迟查找
中文文档(推荐):http://datatables.club/manual/daily/2016/05/11/option-searchDelay.html
官网介绍: https://datatables.net/reference/option/searchDelay
Datatables的客户端搜索和服务器搜索默认的延迟时间是400ms,所以当按下键后就立马开始搜索, 这样处理只是符合大多数情况,但是有些时候这样处理太消耗资源,降低了用户体验,我们可以通过以下配置来优化性能。
var table = $('#example').DataTable( { searchDelay: 350 } );
searchDelayOption searchDelay不定时一讲 默认值为 null , 他会自己判断如果是客户端模式,值为 Instant (及时),如果是服务器模式,值为 400ms
阅读全文
0 0
- JQuery DataTables 隐藏搜索框 及 延迟搜索
- jquery datatables 1.10.9 搜索
- Datatables之搜索
- datatables 多条件搜索
- jquery datatables如何去掉搜索框和每页显示多少条数据
- jquery datatables如何去掉搜索框和底部文字、更改样式
- JQuery Datatables 控件的搜索框/显示分页的样式,有滚动条保持固定
- 取消文件隐藏的后缀名及文件搜索直跳搜索框搜索
- JQuery搜索弹出框
- Android:Edittext延迟搜索
- Android:Edittext延迟搜索
- jquery插件dataTables(dataTables在显示表格的时候,果然是个好东西,支持排序/搜索/分页/...)
- Jquery系列-Jquery搜索框
- google 搜索提示 搜索下拉框 jquery
- 必应搜索框制作 搜索提示 jQuery及JavaScript实现
- UITableView 上滑动 隐藏搜索框,下滑,显示搜索框
- datatables样式详解,[基于thinkPHP]多条件按钮搜索及行样式
- js与jquery实现搜索框提示文字显示与隐藏
- s3c2440 ARM9 裸机驱动第一篇-GPIO驱动(汇编)
- 数论基础之质数
- typedef的使用
- hdu2044 小蜜蜂
- C# 获取IPv4
- JQuery DataTables 隐藏搜索框 及 延迟搜索
- C#调式耗时
- java基础01
- Java8 Stream原理深度解析
- oracle批量添加数据
- 连接两个字符串中的不同字符 lintcode python
- 在使用visual studio 2013写程序时 ,出现了(“The POSIX name for this item is deprecated. Instead, use the ISO C+
- hdu 1290 切蛋糕
- Nginx实现反向代理(同一服务器下不同端口服务映射到80端口)