Рекурсия в представлении 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

Вы можете легко сделать это, имея каждый список <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) %>

EDIT:

• Я забыл второй параметр для вызова Html.RenderPartial() - конечно, категория должна быть передана как модель.
• Конечно, вы правы насчет СУХОЙ ошибки, которую я сделал - я соответствующим образом обновил свой код.

Answer 3

Вы можете использовать вспомогательные методы.

@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 4

Вы можете повторно использовать части 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); %>