ASP.NET MVC 视图中的递归

Question

我有一个用于类别内一组项目的嵌套数据对象。每个类别都可以包含子类别，并且子类别的深度没有限制。 （文件系统会有类似的结构。）它看起来像这样：

class category
{
    public int id;
    public string name;
    public IQueryable<category> categories;
    public IQueryable<item> items;
}
class item
{
    public int id;
    public string name;
}

我将一个类别列表作为IQueryable<category> 传递给我的视图。我想将类别输出为一组嵌套的无序列表 (<ul>) 块。我可以嵌套 foreach 循环，但是子类别的深度将受到嵌套 foreach 块的数量的限制。在 WinForms 中，我使用递归完成了类似的处理来填充 TreeView，但我还没有看到任何在 ASPX MVC 视图中使用递归的示例。

可以在 ASPX 视图中进行递归吗？是否还有其他包含递归视图输出的视图引擎？

Answer 1

像这样创建自己的 HtmlHelper 扩展方法：

namespace System.Web.Mvc
{
    public static class HtmlHelperExtensions
    {
        public static string CategoryTree(this HtmlHelper html, IEnumerable<Category> categories)
        {
            string htmlOutput = string.Empty;

            if (categories.Count() > 0)
            {
                htmlOutput += "<ul>";
                foreach (Category category in Categories)
                {
                    htmlOutput += "<li>";
                    htmlOutput += category.Name;
                    htmlOutput += html.CategoryTree(category.Categories);
                    htmlOutput += "</li>";
                }
                htmlOutput += "</ul>";
            }

            return htmlOutput;
        }
    }
}

你应该问这个问题很有趣，因为我实际上是在昨天创建了其中一个。

Answer 2

您可以使用辅助方法。

@model Models.CategoryModel

@helper TreeView(List<Models.CategoryModel> categoryTree)
{
    foreach (var item in categoryTree)
    {
    <li>
        @if (item.HasChild)
        {
            <span>@item.CategoryName</span>
            <ul>
                @TreeView(item.ChildCategories)
            </ul>
        }
        else
        {
            <span class="leaf @item.CategoryTreeNodeType.ToString()" id="@item._CategoryId">@item.CategoryName</span> 
        }
    </li>
    }
}

<ul id="categorytree">
    <li>@Model.CategoryName
    @TreeView(Model.ChildCategories)
    </li>
</ul>

更多信息可以在这个链接上找到： http://weblogs.asp.net/scottgu/archive/2011/05/12/asp-net-mvc-3-and-the-helper-syntax-within-razor.aspx

Answer 3

您可以使用 lambdas 重复使用 html 部分

例子

public class Category
    {
        public int id;
        public string name;
        public IEnumerable categories;
    }

 <%
        Action<IEnumerable<Category>> categoriesMacros = null;
        categoriesMacros = categories => { %>
        <ul>
            <% foreach(var c in categories) { %>
                <li> <%= Html.Encode(c.name)%> </li>
                <% if (c.categories != null && c.categories.Count() > 0) categoriesMacros(c.categories);  %>
            <% } %>
        </ul>
        <% }; %>

    <% var categpries = (IEnumerable<Category>)ViewData["categories"]; %>
    <% categoriesMacros(categpries); %>

Answer 4

您可以通过将每个<ul> 列表放在PartialView 中轻松地做到这一点，对于您需要开始的每个新列表，您只需调用Html.RenderPartial("myPartialName");。

所以Category PartialView 可能看起来像这样：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Category>>" %>
<% foreach(Category cat in ViewData.Model) { %>
     <li><p><%= cat.name %></p>
        <% if (cat.categories.Count > 0) {
                Html.RenderPartial("Category", cat.Categories);
           } %></li>
<% } %>

在您的视图中，您只需发送“根”集合作为局部视图的模型：

<% Html.RenderPartial("Category", ViewData.Model) %>

编辑：

• 我忘记了 Html.RenderPartial() 调用的第二个参数 - 当然必须将类别作为模型传递。
• 当然，您对我犯的 DRY 错误是正确的 - 我已相应地更新了我的代码。