如何在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

回答

相關問題