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