Question

我正在学习使用扩展Bootstrap表的搜索功能。我声明了一个包含以下内容的表：

<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>

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

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

有人可以帮忙吗？

Answer 1

您可以设置data-url和data-query-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

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

1 个答案: