JQuery DataTables 隐藏搜索框 及 延迟搜索

这一小节,说一个小知识点。隐藏搜索框延迟搜索的简单介绍。

隐藏搜索框

上一篇 博客介绍了 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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值