ExtJS 表單 submit時錯誤處理

標籤：blog   http   java   color   strong   資料   

這裡不提success，提提Extjs 表單提交的failure方法。

 

在表單的提交中，當發生異常行為時通常分為三種情況

1. 無法串連到伺服器

2. 表單驗證錯誤

3. 商務邏輯錯誤

 

對應下面的代碼

 

[javascript] view plaincopy

1. failure = function(form, action){  
2.                 switch (action.failureType) {  
3.                     case Ext.form.Action.CLIENT_INVALID:  
4.                         Ext.ux.Toast.msg("錯誤", "提交的表單資料無效,請檢查!");  
5.                         break;  
6.                     case Ext.form.Action.CONNECT_FAILURE:  
7.                         Ext.ux.Toast.msg(‘錯誤‘, ‘串連失敗‘);  
8.                         break;  
9.                     case Ext.form.Action.SERVER_INVALID:  
10.                         Ext.ux.Toast.msg(‘商務邏輯錯誤‘, action.result.msg);  
11.                }  
12.             }  

 

 

 

在商務邏輯錯誤中，伺服器返回json可以這麼寫，success 當然得為false

其中errors 中對應的 id為表單控制項的id,後面msg則是驗證錯誤的顯示訊息咯

 

[xhtml] view plaincopy

1. {  
2.     msg: ‘填寫錯誤，注意檢查‘,  
3.     success: false,  
4.     errors : [{id : ‘name‘, msg: ‘姓名不可為空‘},{id: ‘sex‘, msg : ‘性別有錯‘}]  
5. }