【问题标题】:Bootstrap-Table Filter Control Header Row Refresh Issue引导表过滤器控制标题行刷新问题
【发布时间】:2021-06-12 21:40:59
【问题描述】:

我目前正在构建一个使用引导表 (https://bootstrap-table.com/) 及其过滤器控制扩展的应用程序,以便每列都有自己的搜索字段。 搜索后,我通过服务器的 Bootstrap Table 的 AJAX 选项加载结果。 我遇到的问题是包含搜索字段的标题行似乎也被刷新了,这导致键入时出现问题。

例如,我有两列,firstName 和 lastName。 我将输入 firstName,然后使用鼠标切换到 lastName。与此同时,AJAX 请求开始。然后我开始输入姓氏以进一步过滤结果。仍在键入时,AJAX 完成并刷新表格,包括包含过滤器输入的标题行。我在这个过程中输入的所有字母都丢失了,感觉也有点迟钝。 我已经实现了节流阀,但根据输入更多过滤器的时间,问题仍然存在。

是否有任何选项可以防止这种情况发生,比如只刷新表格内容,而不刷新表格标题行?

谢谢!

【问题讨论】:

    标签: javascript html jquery bootstrap-4 bootstrap-table


    【解决方案1】:

    正如您所提到的,更好的选择是始终在页面上保留页眉,但仅从 Ajax 调用中刷新表体,而不触及页眉。

    在 Ajax 调用的成功方法中,您可以进行任何需要的处理,然后更新表格主体的 HTML,例如:

    $('table tbody').html(result);
    

    【讨论】:

      猜你喜欢
      • 2020-06-01
      • 2015-06-07
      • 2020-07-17
      • 2016-05-13
      • 2015-01-12
      • 1970-01-01
      • 2021-04-25
      • 2011-11-30
      • 2014-09-05
      相关资源
      最近更新 更多