工具栏,常用于成组的功能按钮,如:表格上方的操作按钮,表单按钮。
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| preset | 指定启用的预设按钮 | array | add,delete,more,enable,disable | 默认启用全部
| size | 按钮大小 | string | | small
| delete-api | 请求批量删除路径 | string | |
| delete-param | 请求批量删除时的参数 | object或字符串 | |
| enable-api | 请求批量可用路径 | string | |
| enable-param | 请求批量可用时的参数 | object或字符串 | |
| disable-api | 请求批量不可用路径 | string | |
| disable-param | 请求批量不可用时的参数 | object或字符串 | |
| add-button-text | 添加按钮的文字 | string | | 添加
| add-url | 添加页面url,注意:这里是**url**,不是api | string | |
| add-param | 打开页面的参数,即是打开drawer的参数,包括drawerSize,confirm,drawerTitle | object | |
| delete-button-text | 添加按钮的文字 | string | | 添加
| delete-confirm-text | 添加按钮的文字 | string | | 添加
| enable-button-text | 批量设置为可用按钮的文字 | string | | 设置为可用
| disable-button-text | 批量设置不可用按钮的文字 | string | | 设置为不可用
| more-button-text | “更多”下拉按钮的文字 | string | | 更多
| filter | 当前工具栏的区分标识,当指定此值时,动作结束会刷新表格的数据。 | string | |
| refresh-grid | 关闭窗口之后是否刷新grid,如果页面有grid的话 | boolean | | true
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| delete-before | 批量删除前事件 |
| delete-success | 批量删除请求结束,并且从服务器接收到正确的响应。 | params:发送给delete-api的请求参数;response:响应对象。
| deleted | 批量删除请求结束,不管成功与否都抛出此事件 | response请求响应
| enable | 可用请求结束,不管成功与否都抛出此事件 | response请求响应
| disable | 设置为不可用请求结束,不管成功与否都抛出此事件 | response请求响应
| refresh-before | 刷新页面按钮前事件 |
## 方法
| 名称 | 说明 | 参数
| --- | --- | ---
| hideDrawer | 直接隐藏抽屉组件,该方法会忽略confirm属性,直接关闭抽屉组件。 | 无
| closeDrawer | 关闭抽屉组件,该方法会关注confirm属性。 | 无
## 插槽
| 插槽名 | 说明
| --- | ---
| more-top | more下拉菜单的头部插槽,提供内容是`el-dropdown-item`。
| more | more下拉菜单的尾部插槽,提供内容是`el-dropdown-item`。
- 序言
- 安装
- 组件查询
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 内置服务
- ajax服务
- 消息服务
- 框架方法
- tab操作
- 其他
- demo说明