如何在Bootstrap表中指定提交搜索文本的URL

我正在学习使用扩展Bootstrap表的搜索功能。我声明了以下表格：如何在Bootstrap表中指定提交搜索文本的URL

<table class="table table-striped table-bordered table-hover 
    table-condensed" id="my_table" border="1" 
    data-toggle="table" data-sortable="true" 
    data-sort-name="creation_time" data-sort-order="desc" 
    data-pagination="true" data-page-size="30" 
    data-search="true" data-height="760"> 

... 
</table>

“搜索”文本框按预期方式显示。但是，我有两个问题：

如何指定提交搜索文本的目标网址？
如何防止在搜索文本框中未输入搜索文本时提交搜索请求？

任何人都可以帮忙吗？

来源

2015-04-04 w2know

您可以设置数据链接和数据查询PARAMS选项来解决问题：

<table data-url="your destination url" data-query-params="queryParams" ...></table> 

function queryParams(params) { 
    if (!params.search) { 
     return false; // Return false to stop request. 
    } 
    return params; 
}

下面是文档：http://bootstrap-table.wenzhixin.net.cn/documentation/，并例子：http://issues.wenzhixin.net.cn/bootstrap-table/index.html

来源

2015-04-17 02:11:00 wenyi

我添加数据网址和data-query-params建议我的表。事实证明，当表格显示在网页上时，会调用queryParams函数。之后，无论我在“搜索”框中输入什么内容，都不会调用它，然后按Enter键。 – w2know 2015-04-21 23:36:17

您需要使用服务器端分页，或者在按Enter键时需要调用刷新方法。 – wenyi 2015-04-22 01:37:32

由于我的应用程序目前不使用服务器端分页，我正在寻找一种轻量级的方法来简单地阻止使用空字符串的搜索请求。我认为这是可行的，因为它看起来表格过滤器工作。（除非我错了，表格过滤功能也是通过服务器端分页来实现的。） – w2know 2015-04-22 23:28:30

如何在Bootstrap表中指定提交搜索文本的URL

回答

相关问题