MVC+ExtJs之验证信息无缝结合
1.服务器端代码:
/// <summary>
/// 自定义Ext Ajax请求结果
/// </summary>
/// <param name="success">是否成功</param>
/// <param name="value">结果</param>
/// <returns></returns>
protected ActionResult ExtJson(bool success)
{
return ExtJson(success, 0, string.Empty);
}
/// <summary>
/// 自定义Ext Ajax请求结果
/// </summary>
/// <param name="success">是否成功</param>
/// <param name="value">结果</param>
/// <returns></returns>
protected ActionResult ExtJson(bool success, object value)
{
return ExtJson(success, 0, value);
}
/// <summary>
/// 自定义Ext Ajax请求结果
/// </summary>
/// <param name="success">是否成功</param>
/// <param name="value">结果</param>
/// <returns></returns>
protected ActionResult ExtJson(bool success, int code, object value)
{
return Json(new { success = success, code = code, value = value }, "text/html", System.Text.Encoding.UTF8, JsonRequestBehavior.AllowGet);
}
/// <summary>
/// 返回服务器端Model验证错误
/// </summary>
/// <returns></returns>
protected ActionResult ModelError()
{
List<object> errors = new List<object>();
foreach (var key in ModelState.Keys)
{
var state = ModelState[key];
foreach (var error in state.Errors)
{
errors.Add(new { id = key, msg = error.ErrorMessage });
}
}
if (errors.Count > 0)
{
return ExtJson(false, errors);
}
return ExtJson(false, "未知错误,请检查输入!");
}
action调用示例:
if (!ModelState.IsValid)
{
return ModelError();
}
2.客户端代码
handler: function() {
var form = theForm.getForm();
if (form.isValid()) {
form.submit({
waitMsg: '正在提交...',
success: function(form, action) {
Ext.Msg.alert('成功', '保存成功!', function() {
win.hide();
store.loadPage();
});
},
failure: function(form, action) {
if (action.result) {
if (typeof(action.result.value) == 'string') Ext.Msg.alert('失败', action.result.value);
else if (action.result.value.constructor == Array) theForm.getForm().markInvalid(action.result.value);
} else {
Ext.Msg.alert('失败', '未知错误');
}
}
});
}
}

浙公网安备 33010602011771号