Question

我有一个类别列表（实体），每个类别都有父母。以下是该类别的模型：

  public class Category
    {
        [Key]
        [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
        public int CategoryId { get; set; }

        public int? ParentId { get; set; }
        public string Name { get; set; }

        public virtual Category Parent { get; set; }
    }

我需要填充一个SelectList，这样父母就会先来，而孩子们会缩进像：

第1类
- SubCategory 1
- SubCategory 2
第2类

我必须使用此选择列表来编辑编辑和更新表单中的下拉列表。我该怎么做呢？客户端？服务器端？

感谢您提供的任何帮助。

Answer 1

这让我想到在没有interface的依赖的情况下实现它，我仍然认为这是合理的。这是使用扩展方法的替代解决方案，不需要实现interface。

扩展方法

public static class ExtensionMethods
{
    /// <summary>
    /// Returns a single-selection select element containing the options specified in the items parameter.
    /// </summary>
    /// <typeparam name="T">The type of elements in the collection.</typeparam>
    /// <param name="helper">The class being extended.</param>
    /// <param name="items">The collection of items used to populate the drop down list.</param>
    /// <param name="parentItemsPredicate">A function to determine which elements are considered as parents.</param>
    /// <param name="parentChildAssociationPredicate">A function to determine the children of a given parent.</param>
    /// <param name="dataValueField">The value for the element.</param>
    /// <param name="dataTextField">The display text for the value.</param>
    /// <returns></returns>
    public static MvcHtmlString DropDownGroupList<T>(
        this HtmlHelper helper,
        IEnumerable<T> items,
        Func<T, bool> parentItemsPredicate,
        Func<T, T, bool> parentChildAssociationPredicate,
        string dataValueField,
        string dataTextField)
    {
        var html = new StringBuilder("<select>");

        foreach (var item in items.Where(parentItemsPredicate))
        {
            html.Append(string.Format("<optgroup label=\"{0}\">", item.GetType().GetProperty(dataTextField).GetValue(item, null)));

            foreach (var child in items.Where(x => parentChildAssociationPredicate(x, item)))
            {
                var childType = child.GetType();

                html.Append(string.Format("<option value=\"{0}\">{1}</option>", childType.GetProperty(dataValueField).GetValue(child, null), childType.GetProperty(dataTextField).GetValue(child, null)));
            }

            html.Append("</optgroup>");
        }

        html.Append("</select>");

        return new MvcHtmlString(html.ToString());
    }
}

根据您的Category class

用法

@this.Html.DropDownGroupList(YourCollection, x => !x.ParentId.HasValue, (x, y) => { return x.ParentId.Equals(y.CategoryId); }, "CategoryId", "Name")

当我写完这篇文章的时候，我不太确定这有什么价值，但我想我还是会发布它。

如您所见，您的class必须知道其父级的ID，并且子级和父级的显示名称应使用dataTextField参数指示的相同属性。因此，基本上，您的class需要属性：Id，ParentId和Name，您可以使用Func<T, bool>和Func<T, T, bool>参数来确定关系。

不要忘记添加必要的验证！

Answer 2

我会在optgroup语法中使用razor这样做服务器端。

<select>
@foreach(var parent in categories.Where(x => !x.ParentId.HasValue)
{
    <optgroup label="@parent.Name">
    @foreach(var child in categories.Where(x => x.ParentId.Equals(parent.CategoryId))
    {
        <option value="@child.CategoryId">@child.Name</option>
    }
    </optgroup>
}
</select>

我还会将其作为扩展方法，因此它需要其他可用的HTML帮助程序方法。

修改

扩展方法可以接受实现如下简单界面的项集合：

public interface IGroupable { int Id { get; set; } string Name { get; set; } int? ParentId { get; set; } } public class Category : IGroupable { [Key] [DatabaseGenerated(DatabaseGeneratedOption.Identity)] public int CategoryId { get; set; } public int? ParentId { get; set; } //implements IGroupable.ParentId public string Name { get; set; } //implements IGroupable.Name public virtual Category Parent { get; set; } #region [IGroupable Specific Implementation] public int Id { get { return this.CategoryId; } } #endregion } public static class ExtensionMethods { public static MvcHtmlString DropDownGroupList(this HtmlHelper helper, IEnumerable<IGroupable> items) { var html = new StringBuilder("<select>"); foreach (var item in items.Where(x => !x.ParentId.HasValue)) { html.Append(string.Format("<optgroup label=\"{0}\">", item.Name)); foreach(var child in items.Where(x => x.ParentId.Equals(item.Id))) { html.Append(string.Format("<option value=\"{0}\">{1}</option>", child.Id, child.Name)); } html.Append("</optgroup>"); } html.Append("</select>"); return new MvcHtmlString(html.ToString()); } }

缩进的SelectList项

2 个答案: