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