工具欄,常用于成組的功能按鈕,如:表格上方的操作按鈕,表單按鈕。
## 屬性
| 參數 | 說明 | 類型 | 可選值 | 默認值
| --- | --- | --- | --- | ---
| 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說明