如何将 ModelState.AddModel Error 绑定到剔除动态创建的验证范围？

Question

我已经设置 Knockoutjs 使用以下代码动态创建可编辑的值列表：

       var requirementModel = function() {
        var self = this;
        self.requirementtypes = ko.observableArray(@Html.Interpret(Model.requirementtypes));
        self.requirementid = ko.observable(@Html.Interpret(Model.requirementid));
        self.AddRequirementType = function() {
            self.requirementtypes.push({
                requirementtypeid: null,
                number: "",
                requirementid: 0
            });
        };
        self.RemoveType = function(Type) {
            self.requirementtypes.remove(Type);
        };
        self.hookUpValidation = function() {
            $.validator.unobtrusive.parseDynamicContent('.dynamicData');
        };
    };
    var viewModel = new requirementModel();
    ko.applyBindings(viewModel);

使用 html：

 <div class="small-box dynamicData"  data-bind="template:{ name: 'requirementType-template', foreach: requirementtypes, afterRender:$root.hookUpValidation }" ></div>
<button data-bind='click: AddType'>Add Type</button>

我已经使用 stackoverflow。

当我回发到服务器时（我不使用 JSON 只是表单发布），我可以进行更复杂的验证，如果出现问题，我可以使用 ModelState.AddModelError("input field name", "I pity the folie that Break this" ）；对于非动态字段，这与强类型或 @Html.ValidationMessage("input field name") 完美配合

但是我找不到将服务器端模型错误挂钩到动态内容的方法。

我有与客户端配合使用的跨度标签，它们工作得很好。但是，它们不会与服务器端验证失败并返回页面后返回的数据挂钩。知道如何实现这一目标吗？

谢谢

Answer 1

我刚刚完成了我当前工作项目的编码。我无法发布调解规则的代码。就像您上面的评论所说，没有一种优雅的方式。我将描述我们显示错误消息所采取的步骤。

首先，修改动态生成的 html，以便每个 html 都具有与 MVC3 @Html.ValidationFor(...) 控件等效的代码。接下来，每个动态控件都需要有一个 id 字段，您可以使用该字段来定位要添加错误消息的控件。

我采取的步骤是，在控制器接收到要验证的ajax数据后开始 -

1. 验证接收到的数据模型

2. 创建一个类以返回如下所示的结果

   类 AjaxResults{
       布尔成功{得到;放;）;
       对象返回数据{get;放;）;
   }
   

3. 如果模型验证，则返回 AjaxResults，其中 success = true 和 returnedData = "验证数据模型"

4. 如果模型未验证，则

5. 所有错误收集到一个对列表中。其中 key = fieldID，value =“错误消息”。

6. 返回 AjaxResults，success = false 且 returnedData =“错误列表”

7. 客户端收到 AjaxResults 对象后

8. 如果success = true，则正常处理结果。

9. 如果 success = false，则循环访问列表，突出显示有错误的字段并显示错误消息。

在最后一步中，您可以使用 jquery 验证消息显示错误代码。如果您想执行此操作，请在 jquery.unobtrusive.valiation.js 文件中

1. 添加代码以复制文件中 onError 方法的功能。
2. 添加代码以通过错误列表进行交互，调用 onError 方法来显示消息。请注意，信息存储在错误消息范围的 .data 属性中。
3. 您可能需要编写代码来在提交表单时清除所有这些错误。

这是一个相当长的过程。但代码很容易模块化为可调用的例程。我们目前正在我们的生产代码中使用它，并且在实践中，它成为我们框架代码的一部分。

希望这有帮助。