Bootstrap table 仅在按下 ENTER 后搜索请求
Bootstrap table search request only after ENTER press
我在 bootstrapp table 中按使用标准 HTML 属性进行搜索。
<table id="clients-table" class="table table-striped table-condensed"
data-url="../data.json"
data-side-pagination="server" data-search="true" >
<thead>
我想减少服务器请求。例如,当我按下箭头按钮时,如何在 bootstrap table 中设置仅在按下 [ENTER] 或跳过请求后搜索?
减少请求最常用的技术是设置延迟。
内置的 DataTables 全局搜索(默认情况下在每个 DataTable 的右上角)将在客户端处理模式下立即搜索每个按键的 table 并减少搜索在服务器端处理模式下调用频率自动为 400mS。可以使用客户端和服务器端处理的 searchDelay 参数来控制此调用频率(限制)。
使用 searchDelay 您可以通过减少调用次数来减少使用服务器端处理时服务器的负载。
https://datatables.net/reference/option/searchDelay
fnSetFilteringDelay - 启用过滤延迟以保持浏览器在搜索较长关键字时响应更快。
这在使用服务器端处理时特别有用,在这种情况下,您通常不希望用户在搜索 table 时每次按下按键时都发出 Ajax 请求.
https://www.datatables.net/plug-ins/api/fnSetFilteringDelay
为 Bootstrap-table 使用此选项:
searchOnEnterKey
或 data-search-on-enter-key
我在 bootstrapp table 中按使用标准 HTML 属性进行搜索。
<table id="clients-table" class="table table-striped table-condensed"
data-url="../data.json"
data-side-pagination="server" data-search="true" >
<thead>
我想减少服务器请求。例如,当我按下箭头按钮时,如何在 bootstrap table 中设置仅在按下 [ENTER] 或跳过请求后搜索?
减少请求最常用的技术是设置延迟。
内置的 DataTables 全局搜索(默认情况下在每个 DataTable 的右上角)将在客户端处理模式下立即搜索每个按键的 table 并减少搜索在服务器端处理模式下调用频率自动为 400mS。可以使用客户端和服务器端处理的 searchDelay 参数来控制此调用频率(限制)。
使用 searchDelay 您可以通过减少调用次数来减少使用服务器端处理时服务器的负载。 https://datatables.net/reference/option/searchDelay
fnSetFilteringDelay - 启用过滤延迟以保持浏览器在搜索较长关键字时响应更快。
这在使用服务器端处理时特别有用,在这种情况下,您通常不希望用户在搜索 table 时每次按下按键时都发出 Ajax 请求. https://www.datatables.net/plug-ins/api/fnSetFilteringDelay
为 Bootstrap-table 使用此选项:
searchOnEnterKey
或 data-search-on-enter-key