Recursividad en una vista ASP.NET MVC

Question

Tengo un objeto de datos anidados para un conjunto de elementos dentro de las categorías. Cada categoría puede contener subcategorías y no hay un límite establecido para la profundidad de las subcategorías. (Un sistema de archivos tendría una estructura similar.) Se ve algo como esto:

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

estoy pasando una lista de categorías para mi punto de vista como IQueryable<category>. Quiero mostrar las categorías como un conjunto de bloques desordenados anidados (<ul>). Podría anidar bucles foreach, pero la profundidad de las subcategorías estaría limitada por la cantidad de bloques foreach anidados. En WinForms, he realizado un proceso similar utilizando la recursividad para llenar un TreeView, pero no he visto ningún ejemplo de uso de la recursividad dentro de una vista ASPX MVC.

¿Puede la recursión hacerse dentro de una vista ASPX? ¿Hay otros motores de vista que incluyan recursividad para la salida de vista?

Answer 1

Crear su propio método de extensión HtmlHelper así:

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; 
     } 
    } 
} 

curioso que lo pida porque en realidad creado uno de éstos apenas ayer.

Answer 2

Puede hacerlo fácilmente teniendo cada lista <ul> en un PartialView, y para cada nueva lista que necesita para comenzar, simplemente llame al Html.RenderPartial("myPartialName");.

Así que la Category PartialView podría tener este aspecto:

<%@ 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> 
<% } %> 

En su opinión, sólo tiene que enviar la colección "raíz" como el modelo para la vista parcial:

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

EDIT:

• Había olvidado el segundo parámetro para la llamada Html.RenderPartial() - por supuesto, la categoría h como para pasar como el modelo.
• Por supuesto, usted tiene razón sobre el error SECO que cometí - He actualizado mi código en consecuencia.

Answer 3

Puede volver a utilizar partes html con lambdas

Ejemplo

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

Puede utilizar métodos de ayuda.

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

Más información se puede encontrar en este enlace: http://weblogs.asp.net/scottgu/archive/2011/05/12/asp-net-mvc-3-and-the-helper-syntax-within-razor.aspx