在 GitHub 上檢視
Table Toolbar
Bootstrap Table 的工具欄擴展,提供高級搜索和自定義工具欄功能。
本頁目錄
工具欄擴展為表格添加高級搜索功能和自定義工具欄,支持復雜的多條件搜索和彈出表單操作。
用法
<script src="extensions/toolbar/bootstrap-table-toolbar.js"></script>
示例
選項
advancedSearch
-
屬性:
data-advanced-search -
類型:
Boolean -
詳情:
是否啟用高級搜索功能。設置為
true時,表格工具欄將顯示高級搜索按鈕,點擊可彈出復雜的多條件搜索表單。 -
默認值:
false
actionForm
-
屬性:
data-action-form -
類型:
String -
詳情:
設置彈出表單的
action。 -
默認值:
''
idForm
-
屬性:
data-id-form -
類型:
String -
詳情:
指定表單的 id。
-
默認值:
advancedSearch
idTable
-
屬性:
data-id-table -
類型:
String -
詳情:
指定用於生成彈出表單的表格 id(必填)。
-
默認值:
''
事件
onColumnAdvancedSearch (column-advanced-search.bs.table)
- 當用戶在高級搜索表單中執行搜索操作時觸發此事件。
本地化
formatAdvancedCloseButton
-
詳情: 設置高級搜索彈窗中關閉按鈕的顯示文本
-
默認值:
function () { return "Close" }
formatAdvancedSearch
-
詳情: 設置高級搜索彈窗的標題文本
-
默認值:
function () { return "Advanced Search" }