## 事件API支持
可以通過上述formDesignerExtend配置對象的event屬性介入所需事件。
| 事件API | 事件描述 | 支持詳情 |
| :--- | :--- | ---- |
| designerRendered | 表單設計器首次渲染完成后通知 | v7.1SP1+ [CAP4] |
| designerTabSwitched | 設計器標簽頁切換事件 | v7.1SP1+ [CAP4] |
| viewTabSwitched | 視圖切換事件 | v7.1SP1+ [CAP4] |
| viewTableSelected | 當前視圖表被選中事件 | v7.1SP1+ [CAP4] |
| fieldSwitched | 選中字段切換事件 | v7.1SP1+ [CAP4] |
| beforeSaveForm | 保存表單前觸發 | v7.1SP1+ [CAP4] |
> 事件配置示例:
```javascript
//表單設計器事件API
window.formDesignerExtend = {
event: {
/*
* [1-1] 表單設計器首次渲染完成后通知
* * arguments: Object
* {
* formId: String //表單id
* formType: String //表單類型
* formBaseInfo: Object //表單基本信息
* }
* */
designerRendered: function(data){
//todo
},
/*
* [1-2] 設計器標簽頁切換事件
* arguments: Object
* {
* fromPage: Number, //切換前頁簽 eg: 1-表單設計 2-操作設置 3-應用綁定
* toPage: Number //切換后頁簽
* }
* */
designerTabSwitched: function(data){
//todo
},
/*
* [1-3] 視圖切換事件
* arguments: Object
* {
* formId: String //表單id
* fromView: Object //跳轉前視圖信息 eg:
{
plat: "pc",
name: "差旅費報銷",
id: "7681958030234698266"
}
* toView: Object //跳轉后視圖信息
* }
* */
viewTabSwitched: function(data) {
//todo
},
/*
* [1-4] 當前視圖表被選中事件
* arguments: Object
* {
* formId: String //表單id
* currentViewId: String //當前視圖id
* isMater: Boolean //是否為主表
* currentTable: Object //選中表信息
* }
* */
viewTableSelected: function(data) {
//todo
},
/*
* [1-5] 選中字段切換事件
* arguments: Object 字段信息
* {
* "id": "7966030540684413408",
"enumInfo": "6875661119798661104_false_0_",
"display": "二級業務類型描述",
"type": "select",
"relation": {},
"typeText": "下拉",
"name": "field0052",
"isCustomCtrl": false,
"enumName": "主數據業務",
"fieldType": "DECIMAL",
"fieldLength": "20,0"
* }
* */
fieldSwitched: function(data) {
//todo
},
/*
* [1-6] 保存表單前觸發
* arguments: Object
* {
* formId: String //表單id
* formType: String //表單類型
* curPage: Number //當前頁簽 eg: 1-表單設計 2-操作設置
* }
* return: Boolean //false-不執行表單保存 true-繼續原來的表單保存邏輯
* */
beforeSaveForm: function(data) {
//todo
return true;
},
/*
* [2-1] 關聯對象列表生成前觸發
* arguments:
* fieldInfo [Object] 字段信息
* allFieldMap [Object] 所有字段映射信息
*
* return:
* [Array] 一個字段可以關聯的所有字段
*
* eg:
* [
* { "value": "field0015", "text":"申請人[選人]" },
* { "value": "field0016", "text":"供職部門[選部門]" },
* ]
*
* [注]
* 1、回調不能包含異步操作
* 2、若返回值不為標準的字段信息數組,則回調不生效
* */
beforeRelationObjRender: function(fieldInfo, allFieldMap) {
//todo
}
}
};
```
- 概要
- 技術介紹
- 框架與環境
- vue開發
- 開發規范
- 前端開發規范
- 總體原則
- HTML規范
- HTML&css規范
- vue編碼規范
- Javascript規范
- 后端開發規范
- cap4
- 自定義控件
- 前端2.0(PC+移動)
- PC前端
- 后端
- 移動端
- 移動端接口
- 低版本協同升級到V5 8.0適配說明
- 自定義按鈕
- 自定義按鈕(無流程)
- 自定義控件(列表插槽)
- 自定義按鈕(篩選條件)
- 低版本協同升級到V5 8.0適配說明
- 門戶空間
- 門戶與欄目掛載
- 欄目開發及流程說明
- 頁面模板
- 客開通路及插件體系
- 表單設計器擴展配置
- 使用步驟
- 配置說明
- 事件API
- Demo示例
- 運行態客開通路
- 插件使用步驟
- 插件接口
- 事件接口
- 鉤子相關接口
- 表單操作接口
- Demo示例
- 插件機制
- 表單運行態接口(舊)
- 白名單插件
- 版本記錄
- vue組件庫
- 開發指南
- 開發文檔規范
- 業務組件介紹
- 業務組件
- table組件
- 分頁組件
- title組件
- 統計排隊組件
- code組件
- 條件篩選
- 批量導入
- 上傳Excel
- 批量更新
- 批量刷新
- UI組件
- 按鈕組件
- 復選組件
- 取色器組件
- 示例組件
- 水平選擇組件
- 選圖標組件
- 提示組件
- 單選組件
- 搜索組件
- 選擇組件
- 穿梭框組件
- 標簽組件
- 文本組件
- 樹組件
- 驗證組件
- 菜單組件
- iframe組件
- toolbar
- 統計組件
- 餅圖
- 柱狀圖
- 圖標
- 業務關系開發指南
- 自定義觸發
- 自定義關聯
- 后端API
- 更新表單數據緩存
- 發起表單流程
- 取得指定表單PDF或截圖
- 無流程批量添加
- 無流程批量刪除
- 無流程批量更新
- 無流程批量導出
- 客開培訓文檔
- Vue基礎培訓
- Vue實戰培訓
- Vue進階培訓
- VueCLI3培訓
- cap3
- 自定義控件
- 后端
- 移動端
- 前端編譯
- 表單運行態接口
- 協同云