5

问题

我创建了一个服务器端属性级别验证属性。但我没有将其应用于单个字段，而是将其应用于列表。这使我可以将模型作为一个整体进行验证。

我现在需要知道如何使用 MVC 3 中内置的不显眼的客户端验证将其转换为工作。

下面是我当前的代码来说明我的问题...

设想

基本场景是能够合计由 GroupNo 字段分组的 List 中每一行的所有 Quantity 值。如果任何组的总和超过 10，则应显示错误。

我在上一篇文章中得到了一个答案，使用针对列表的验证属性使这项工作在服务器端工作......

该模型：

public class ItemDetails
{
    public int SerialNo { get; set; }
    public string Description { get; set; }
    public int GroupNo { get; set; }
    public decimal Price { get; set; }
    public int Quantity { get; set; }
}

public class MyViewModel
{
    [EnsureMaxGroupItems(10, ErrorMessage = "You cannot have more than 10 items in each group")]
    public IList<ItemDetails> Items { get; set; }
}

和验证属性本身：

[AttributeUsage(AttributeTargets.Property)]
public class EnsureMaxGroupItemsAttribute : ValidationAttribute
{
    public int MaxItems { get; private set; }

    public EnsureMaxGroupItemsAttribute(int maxItems)
    {
        MaxItems = maxItems;
    }

    public override bool IsValid(object value)
    {
        var items = value as IEnumerable<ItemDetails>;
        if (items == null)
        {
            return true;
        }

        return items
            .GroupBy(x => x.GroupNo)
            .Select(g => g.Sum(x => x.Quantity))
            .All(quantity => quantity <= MaxItems);
    }
}

最后，您的控制器操作将与视图模型一起使用：

public ActionResult ListItems()
{
    var model = new MyViewModel
    {
        Items = ItemsRepository.GetItems()
    };
    return View(model);
}

[HttpPost]
public ActionResult ListItems(MyViewModel model)
{
    if (!ModelState.IsValid)
    {
        return View(model);
    }

    ...
}

接下来是相应的强类型视图：

@model MyViewModel
@Html.ValidationSummary()
@using (Html.BeginForm())
{
    @Html.EditorFor(x => x.Items)
    <button type="submit">Go go go</button>
}

最后一点是相应的编辑器模板，它将为 Items 集合的每个元素自动呈现，因此您甚至不需要编写 for 循环（~/Views/Shared/EditorTemplates/ItemDetails.cshtml）：

@model ItemDetails
@Html.HiddenFor(x => x.SerialNo)
@Html.LabelFor(x => x.Description)
@Html.HiddenFor(x => x.GroupNo)
@Html.LabelFor(x => x.Price)
@Html.TextBoxFor(x => x.Quantity)

客户端不显眼的验证可能吗？

我希望使用不显眼的 MVC 验证来验证这一切。但我无法弄清楚如何针对整个列表不显眼地验证 EnsureMaxGroupItemsAttribute 属性。

我以这种方式实现了 IClientValidatable：

    Public Function GetClientValidationRules(metadata As System.Web.Mvc.ModelMetadata, context As System.Web.Mvc.ControllerContext) As System.Collections.Generic.IEnumerable(Of System.Web.Mvc.ModelClientValidationRule) Implements System.Web.Mvc.IClientValidatable.GetClientValidationRules

        Dim result = New List(Of ModelClientValidationRule)

        Dim rule = New ModelClientValidationRule() With { _
            .ErrorMessage = "You cannot have more than 10 items in each group", _
            .ValidationType = "itemscheck"}

        result.Add(rule)

        Return result

    End Function

注意：VB 和 C# 的混合只是因为我之前提出的问题是用 C# 回答的。该项目在 VB 中，但我不介意 C# 中的答案。

我在我的 JS 文件中创建了适配器：

jQuery.validator.unobtrusive.adapters.addBool("itemscheck");

... 和 ...

jQuery.validator.addMethod("itemscheck", function (value, element, params) {
    // The check has been omitted for the sake of saving space.  
    // However this method never gets called
    return false;
});

有没有办法把它连接起来不显眼地工作？

4

1 回答 1

4

This is not possible because your custom attribute is placed in the collection property and there are no HTML5 data-* attributes emitted at all. It is not a supported scenario by the unobtrusive client validation framework. You could write directly a custom jquery validate rule to handle this scenario if you need client validation for it.

于 2012-07-16T11:51:12.490 回答