# 表單操作前置事件(提交/編輯/刪除) [TOC] ## 提交前置事件（beforeSubmit） >[info] 功能新增日期：2020-12-03 日期之前的版本不支持 online表單提交數據之前，支持通過函數 `beforeSubmit` 加入自己的業務邏輯。 * 示例如下 選中單表或主表，點擊`“js增強”`，選擇`“form”`編寫js增強  * 示例代碼： ``` beforeSubmit(row){ return new Promise((resolve, reject)=>{ //此處模擬等待時間，可能需要發起請求 setTimeout(()=>{ if(row.name == 'test'){ // 當某個字段不滿足要求的時候可以reject reject('不能提交測試數據'); }else{ resolve(); } },3000) }) } ``` 備注： - 1.方法名為 `beforeSubmit`，**form頁面** 類型定義 - 2.方法接受一個參數`row`，表示當前表單數據 - 3.方法返回一個`Promise`對象,校驗無誤resolve，失敗reject，并給出失敗提示 - 4.方法中發起 http請求 的語法和原項目保持一致 - 5.方法中依然可以使用` that `關鍵字 指向當前vue實例 - 6.支持`beforeEdit`編輯前調用，**list頁面** 類型，定義同上，示例如下 - 7.支持`beforeDelete` 刪除單條數據前調用，**list頁面**類型，定義同上，示例如下 ---- ## 刪除前置事件（beforeDelete） >[info] 下述功能新增日期：2021-06-01 日期之前的版本不支持 online列表頁面刪除單條數據之前，支持通過方法 `beforeDelete` 處理自己的業務 ，并且可以根據狀態判斷是否刪除。 * 示例效果：  * js增強配置： 選中單表或主表，點擊`“js增強”`，選擇`“list”`編寫js增強  * 示例代碼： ``` beforeDelete(row){ return new Promise((resolve, reject) => { if(row.name == 'test'){ reject('不可刪除test數據'); }else{ resolve(); } }) } ``` ------ ## 編輯前置事件（beforeEdit） online列表頁面編輯數據之前，支持通過方法 `beforeEdit`, 處理自己的業務 ，并且可以根據狀態判斷是否彈出編輯框。 * 示例效果：  * js增強配置： 選中單表或主表，點擊`“js增強”`，選擇`“form”`編寫js增強  * 示例代碼： ``` beforeEdit(row){ return new Promise((resolve, reject) => { if(row.name == 'test'){ reject('不可編輯test數據'); }else{ resolve(); } }) } ```