kendoUI网格弹出编辑模板验证不获取模型验证规则

本文介绍了kendoUI网格弹出编辑模板验证不获取模型验证规则的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

在未使用模板的网格中单击编辑"时，将正确应用为schema.Model定义的验证规则.但是，如果您使用自定义模板，则不会应用模式.模型验证规则不会得到应用.

When you click edit in a grid that is not using a template then the validation rules that you defined for the schema.Model get applied correctly. But if you use a custom template the schema.Model validation rules do not get applied.

我怀疑答案是，因为我使用的是自定义弹出式编辑模板，以便可以使用下拉列表，所以我必须手动为每个html输入字段指定规则，例如required.因此，我希望这不是真的，并且希望使用相同的规则来定义架构.模型也适用于编辑器模板.

I suspect that the answer is that because I am using a custom popup edit template so that I can have a dropdown list, that I have to manually specify the rules for each html input field such as required. I so hope this is not true and that the same rules for defined the schema.Model will also work for an editor template.

如果您知道答案，请发表，谢谢！ 丹

Please post if you know the answer, Thanks! Dan

@丹尼尔 这是我的代码，用于获取模型中定义的验证属性并将其添加到DOM

@Daniel Here is my code for getting the validation attributes defined in the model and adding them to the DOM

/** * Sets label,input html5 attributes and css based on the validation attributes of the * model for the given dataSource * @param {Object} myDs dataSource that contains the Model Schema used for validation. */ function addValidationAttributes(myDs) { var myFields //Pass in DS or pass in model from grid if (myDs.options) { myFields = myDS.options.schema.model.fields } else//model { myFields = myDs.fields } $.each(myFields, function(fieldName) { //Add validation attributes if (this.validation) { $('#' + fieldName).attr(this.validation); //Set label to required if field is required if (this.validation.required) { $('label[for=' + fieldName + ']').addClass('required'); $('#' + fieldName).attr('title', "required"); //Check if KendoUI widget because it creates an extra span if ($('#' + fieldName).is('[data-role]')) { $('.k-widget').after('<span class="k-invalid-msg" data-for="' + fieldName + '"></span>'); } else { $('#' + fieldName).after('<span class="k-invalid-msg" data-for="' + fieldName + '"></span>'); } } } else//optional { //Non requried fields set to optional exclude KEY ID STAMP if (fieldName !== '__KEY' && fieldName !== '__STAMP' && fieldName !== 'ID') { //Check if KendoUI widget because it creates an extra span if ($('#' + fieldName).is('[data-role]')) { $('.k-widget').after('<span class="optional" data-for="' + fieldName + '"></span>'); } else { $('#' + fieldName).after('<span class="optional" data-for="' + fieldName + '"></span>'); } } } }); }

同样，如果您需要，我设置了一个在必填字段的标签前添加*的类，并在每个非必填字段后添加文本"Optional"的类. KEY，ID和STAMP是我的模型中定义的字段，但是我没有将它们放在表单上，​​因此如果需要，您可以排除实体密钥字段，也可以不排除.

Also just in case you want it I set a class which adds an * before the label of a required field and a class the adds text "Optional" after each no required field. The KEY, ID, and STAMP are fields defined in my model but I don't put them on a form, so you can exclude your entity key field or not if you want.

这里是

.required:before { content: "*"; color: red } .optional:after { content: " (optional)"; color: #777; }

推荐答案

在输入元素中使用required

<input type="text" class="k-input k-textbox" name="Name" data-bind="value:Name" required>