ExtJS 表单 submit时错误处理

这里不提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. }

ExtJS 表单 submit时错误处理