📜  数据表搜索延迟选项

📅  最后修改于: 2022-05-13 01:56:00.264000             🧑  作者: Mango

数据表搜索延迟选项

DataTables是一个 jQuery 插件,可用于向网页的 HTML 表格添加交互式和高级控件。这也允许根据用户的需要对表中的数据进行搜索、排序和过滤。 DataTable 还公开了一个强大的 API,可以进一步用于修改数据的显示方式。

搜索延迟 选项用于指定在表格中搜索输入搜索框的术语之前的毫秒数。这对于减少表的重绘次数和在较慢的系统上节省处理能力很有用。它接受一个整数值,表示延迟的毫秒数。客户端搜索的默认值为0ms,即搜索该值并立即显示结果。在服务器端,延迟设置为默认的 400 毫秒,以减少对服务器的调用次数。

注意:这仅影响 DataTable 的全局搜索框。更改此选项不会影响诸如 search() 之类的 API 方法。

句法:

{ searchDelay: value }



参数:此选项具有如上所述和下文所述的单个值。

  • value:这是一个整数值,指定执行搜索之前的毫秒数。

下面的示例说明了此选项的使用。

示例 1:在本示例中,我们将搜索延迟设置为 2000 毫秒。

HTML


  

  
  
  
  
  
  
  
  

  

  

    GeeksForGeeks   

  

DataTables searchDelay Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
     


HTML


  

  
  
  
  
  
  
  
  

  

  

    GeeksForGeeks   

  

DataTables searchDelay Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
        


输出:

示例2:在本示例中,我们将搜索延迟设置为0 毫秒,这意味着搜索是即时的。

HTML



  

  
  
  
  
  
  
  
  

  

  

    GeeksForGeeks   

  

DataTables searchDelay Option

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
DayNameAge
2Patricia22
2Caleb47
1Abigail48
5Rahim44
5Sheila22
2Lance48
5Erin48
1Christopher28
2Roary35
2Astra37
        

输出:

参考链接: https://datatables.net/reference/option/searchDelay