模型LIST的远程验证

时间:2014-12-16 20:35:55

标签: c# asp.net asp.net-mvc model-binding remote-validation

我使用了以下教程: http://msdn.microsoft.com/en-us/library/gg508808%28VS.98%29.aspx

一切似乎都很好,但就我而言,字符串Username总是返回null。经过大量的研究,我发现每个人都发现了BIND前缀。在许多情况下,这将是伟大的,但不是这个。我应该注意所有的属性和名称排列,但是在我的for循环中,EditorFor创建了一个[i] .Username字段,这不会映射到任何模型属性。

问题:我想我想将[i] .Username映射到用户名,其中i是0-infinity中的任意数字,所以当它GETS时,该值会正确传递给Action。我该怎么做呢?如果这是错误的,我该怎么做才能对表中的特定行进行验证?

@for (var i = 0; i < Model.Count; i++)
{
  BLAH BLAH BLAH CODE FOR BUILDING TABLE ROWS
  <td>
     @Html.EditorFor(modelItem => Model[i].Username)
  </td>                               
}

因为如果不是成千上万的记录,我在技术上可以拥有HUNDREDS,我宁愿没有一个绑定的PREFIX用于所有1000.我从根本上错过了一些东西吗?我是ASP.NET MVC的新手,习惯了WebForms,所以我觉得有时候我会混合概念并混淆完全错误的东西。

修改 我通过执行以下操作来修复它,但不确定这是否是最好的主意。我将参数设置为没有[i]前缀的FieldName,但仍然检索带有[i]前缀的元素。 Javascript不是我的Forte所以请告诉我它是否太可怕了。

adapters.add("remote", ["url", "type", "additionalfields"], function (options) {
    var value = {
        url: options.params.url,
        type: options.params.type || "GET",
        data: {}
    },
        prefix = getModelPrefix(options.element.name);

    $.each(splitAndTrim(options.params.additionalfields || options.element.name), function (i, fieldName) {

        var paramName = fieldName.substr(fieldName.lastIndexOf(".") + 1);

        var actualFieldName = appendModelPrefix(fieldName, prefix)
        value.data[paramName] = function () {
            return $(options.form).find(":input").filter("[name='" + escapeAttributeValue(actualFieldName) + "']").val();
        };
    });

    setValidationValues(options, "remote", value);
});

2 个答案:

答案 0 :(得分:6)

您尚未发布模型或控制器的代码,但假设您已将RemoteAttribute应用于属性Username,例如

public class MyModel
{
  [Remote("IsValidUserName", "Person")]
  public string Username { get; set; }
}

使用PersonController

中的方法
public JsonResult IsValidUserName(string Username)
{
  ....
}

和视图

@model List<Person>
...
@for (var i = 0; i < Model.Count; i++)
{
  @Html.EditorFor(m => m[i].Username)                           
}

这将生成html,例如

<input name="[0].UserName" ... />
<input name="[1].UserName" ... />

不幸的是remote中的jquery-validate方法回发了元素的名称和值,以便ajax调用看起来像

$.ajax({
  url: '/Person/IsValidUserName',
  data: { [0].UserName: 'someone@somewhere.com' },
  ...

不会绑定。

我已将此报告为issue at Codeplex并提供了可能的解决方案。在此期间,您可以修改remote文件中的jquery-validate.js方法,如下所示

remote: function(value, element, param) {
  ....
  var data = {};
  // data[element.name] = value;
  data[element.name.substr(element.name.lastIndexOf(".") + 1)] = value; // add this

这将删除前缀,以便发布的数据为

 data: { UserName: 'someone@somewhere.com' },

并将正确绑定到该方法。

答案 1 :(得分:0)

假设代码格式如下:
查看:

@for(var i = 0; i<Model.Count; i++) {
    <div class="row">
        @Html.EditorFor(modelItem => Model[i].Username)
    </div>
}

<style>
    .valid{
        background: lime;
    }
</style>
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

型号:

public class MyModel {
    [Remote("IsValidUserName", "Validation", HttpMethod = "POST")]
    public string Username { get; set; }
}

可以使用自动模型绑定来绑定到远程验证。如果为此使用列表或数组,绑定将失败,而字典可以捕获此错误。
但是请注意,字典中的 Key 将与视图中的 id 一致(例如 [5].Username 将映射到 {Key: 5, Value: MyModel{Username:...}})并且不会默认为 0,因此使用 Linq 查询。
控制器:

[HttpPost]
public JsonResult IsValidUserName(Dictionary<int,MyModel> Users) {
    return Json(Users.First().Value.Username.Contains("User"));
}