Bootstrap Table 的工具欄擴展,提供高級搜索和自定義工具欄功能。

本頁目錄

工具欄擴展為表格添加高級搜索功能和自定義工具欄,支持復雜的多條件搜索和彈出表單操作。

用法

<script src="extensions/toolbar/bootstrap-table-toolbar.js"></script>

示例

Advanced Toolbar

選項

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