自定义视图

Bootstrap 表格的自定义视图扩展。

描述

此扩展添加了创建自定义视图以显示数据的功能。

用法

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

示例

自定义视图

选项

customView

• 属性: data-custom-view

• 类型: 函数|布尔值

• 详情

  设置为 false 禁用此扩展。设置为 function 来格式化您的自定义视图。

• 默认: false

customViewDefaultView

• 属性: data-custom-view-default-view

• 类型: 布尔值

• 详情

  设置为 true 将自定义视图显示为默认视图。

• 默认: false

showCustomView

• 属性: data-show-custom-view

• 类型: 布尔值

• 详情

  设置为 true 显示自定义视图切换按钮。

• 默认: false

图标

• customViewOn
  • Bootstrap3: glyphicon glyphicon-list
  • Bootstrap4: fa fa-eye
  • bootstrap5: ‘bi-eye’,
  • Semantic: fa fa-eye
  • Foundation: fa fa-eye
  • Bulma: fa fa-eye
  • Materialize: remove_red_eye
• customViewOff
  • Bootstrap3: glyphicon glyphicon-thumbnails
  • Bootstrap4: fa fa-th
  • bootstrap5: ‘bi-grid’,
  • Semantic: fa fa-th
  • Foundation: fa fa-th
  • Bulma: fa fa-th
  • Materialize: grid_on

方法

toggleCustomView

• 在表格和自定义视图之间切换视图。

事件

onCustomViewPreBody

• jQuery 事件: custom-view-pre-body.bs.table

• 参数: undefined

• 详情

  它在渲染自定义视图之前触发。

onCustomViewPostBody

• jQuery 事件: custom-view-post-body.bs.table

• 参数: undefined

• 详情

  它在渲染自定义视图之后触发。

onToggleCustomView

• 它在切换自定义视图时触发。

• jQuery 事件: toggle-custom-view.bs.table

• 参数: state

• 详情

  它在切换自定义视图时触发

  • state: 新的自定义视图状态 (true-> 自定义视图已启用, false -> 自定义视图已禁用 )

本地化

formatToggleCustomViewOn

• 类型: 函数

• 默认: function () { return "Show custom view" }

formatToggleCustomViewOff

• 类型: 函数

• 默认: function () { return "Hide custom view" }