Asp.net MVC在视图中使用递归生成树状结构
在开发过程中往往会有一个需求，就是将一个树状的数据结构在Asp.net MVC视图中表示出来。例如最传统的多级分类，系统中有一系列根分类，每个分类中又带有一 些子分类，而我们的目标便是在页面上生成一个由ul和li嵌套组成的HTML结构。这个问题看似简单，但是如何让实现变的轻松、易于使用也是一个值得讨论 的问题。这次就来谈谈这部分的情况。
实现目标
首先来明确一下实现目标。例如我们有一个Category对象，表示一个类别：
public class Category
{
public string Name { get; set; }
public List<Category> Children { get; set; }
}
然后我们准备一个嵌套的数据结构：
public ActionResult Categories()
{
var model = new List<Category>
{
new Category
{
Name = "Category 1",
Children = new List<Category>
{
new Category
{
Name = "Category 1 - 1",
Children = new List<Category>()
},
new Category
{
Name = "Category 1 - 2",
Children = new List<Category>()
},
}
},
new Category
{
Name = "Category 2",
Children = new List<Category>
{
new Category
{
Name = "Category 2 - 1",
Children = new List<Category>()
},
new Category
{
Name = "Category 2 - 2",
Children = new List<Category>()
},
}
},
};
return View(model);
}
自然还会有一个Model类型为List<Category>的视图：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<List<Category>>" %>
...
而我们的目标，便是要在视图中显示出这样的HTML：
<ul>
<li>Category 1
<
