asp.net-mvc – Kendo Grid Edit InLine Custom Validation mess
我有一个实体位置,我正在使用具有InLine编辑模式的Kendu UI网格.
实体拥有一个属性DisplayName,它是必需的,不能在数据库中存在两次. 目前,它可以显示必需的验证消息: 而且它还可以在LocationController Ajax InLine Create方法中调用CustomValidateModel方法,该方法检查Name是否已经存在于数据库中,然后添加一个ModelError.我通过javascript在.Events(events => events.Error(“onError”))中捕获此错误,然后通过javascript弹出窗口显示该消息. ModelState.AddModelError("DisplayName","Name already exists."); 这是问题的关键:我不想有这个JavaScript弹出消息.我想在这个字段下面也有这样的信息,就像这个“Field required!”一样!信息. 另外,弹出窗口之外的实际问题是,用户想要在网格中创建的记录在确认javascript弹出窗口之后就会消失. 码: 位置实体: public class LocationDto { public Guid? ID { get; set; } [Required(AllowEmptyStrings = false,ErrorMessage = "Field required!")] public string DisplayName { get; set; } // other properties } LocationController动作方式: [AcceptVerbs(HttpVerbs.Post)] public ActionResult CreateInline([DataSourceRequest] DataSourceRequest request,LocationDto model) { CustomValidateModel(model); // checks if the DisplayName is already existing in the DB if (model != null && ModelState.IsValid) { // Create and Save the Model into database } return Json(ModelState.ToDataSourceResult()); } javascript功能: function onError(e,status) { if (e.errors) { var message = "Error:n"; $.each(e.errors,function (key,value) { if (value.errors) { message += value.errors.join("n"); } }); this.cancelChanges(); alert(message); } } 我希望有可能以同样的方式让这个工作.根据一致的可视化和可用性的提高将是很好的. 解决方法
我们在网格中完成了这一点,就像在控制器一样,将我们的自定义错误添加到模型状态并将其传递给视图.然后在onError javascript事件中,我们自己构建了验证消息,并将其放在网格中.
Javascript onError: function onError(e,status) { if (e.errors) { var message = "Error:n"; var grid = $('#gridID').data('kendoGrid'); var gridElement = grid.editable.element; $.each(e.errors,value) { if (value.errors) { gridElement.find("[data-valmsg-for=" + key + "],[data-val-msg-for=" + key + "]") .replaceWith(validationMessageTmpl({ field: key,message: value.errors[0] })); gridElement.find("input[name=" + key + "]").focus() } }); } } 然后创建一个validationMessageTmpl(或任何你想要调用它): var validationMessageTmpl = kendo.template($("#message").html()); <script type="text/kendo-template" id="message"> <div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" style="margin: 0.5em; display: block; " data-for="#=field#" data-valmsg-for="#=field#" id="#=field#_validationMessage"> <span class="k-icon k-warning"> </span> #=message# <div class="k-callout k-callout-n"> </div> </div> </script> 至于为什么用户输入正在消失,我认为: this.cancelChanges(); 可能与它有关系.我相信这只是它所说的,取消所有的变化.这将重置您的网格并删除所有用户输入. 有一件事要注意:ModelState中的代码(也就是$.each中的键)必须与要显示错误的列一起使用的视图模型属性的名称相同. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- asp.net-core-mvc – 结合Azure AD(b2c)自定义Cl
- .net – 我应该使用ASP:Label标签吗?
- asp.net – Umbraco 7:从当前页面获取所有兄弟姐
- asp.net jquery无刷新分页插件(jquery.paginatio
- asp.net-core-2.1 – 如何在asp.net Core 2.1.1中
- asp.net-mvc – mvc3 maxLength输入
- asp.net-mvc-3 – 如何在自定义编辑器模板中获取
- 从Asp:Menu运行每个MenuItem的javascript函数
- 【转】通俗易懂,什么是.NET?什么是.NET Framewo
- ASP.NET Core 3.1 WebApi+JWT+Swagger+EntityFra