MVC 中 Razor 无限分类的展示

在MVC的Razor视图展示无级分类的办法，在网上看了很多资料，大多搞得很高大上。可能本人水平有限，实在是不会用。

那我就用最简单爆力的办法来做。

Model：

public class NewsCategory
{
[Key]
public int CategoryId { get; set; }
public int ParentCategoryId { get; set; }
[Required]
[StringLength(50)]
public string CategoryName { get; set; }
}

ViewModel

public class NewsCategoriesViewModel
{
public int Id { get; set; }
public string Name { get; set; }
public List<NewsCategoriesViewModel> children { get; set; }
}

Controller

递归获取数据，然后返回给视图

abcContext db = newabcContext();
public ActionResult Index()
{
var categoryList = GetCategoryList(0);
return View(categoryList);
}

[NonAction]
public List<NewsCategoriesViewModel> GetCategoryList(int Id)
{
List<NewsCategoriesViewModel> uvModel = new List<NewsCategoriesViewModel>();

var perentList = db.Set<NewsCategory>().Where(p => p.ParentCategoryId == Id).ToList();

if (perentList.Count > 0)
{
foreach (var item in perentList)
{
NewsCategoriesViewModel userViewModel = new NewsCategoriesViewModel
{
Id = item.CategoryId,
Name = item.CategoryName,
children = new List<NewsCategoriesViewModel>()
};
List<NewsCategoriesViewModel> tempList = GetCategoryList(item.CategoryId);
if (tempList.Count > 0)
{
//这里出错了;
//userViewModel.children.Add(tempList);
userViewModel.children = tempList;
}
uvModel.Add(userViewModel);
}
}
return uvModel;
}
}

View

定义一个视图方法，然后递归调用。

@model List<NewsCategoriesViewModel>
@helper DisplayList(List<NewsCategoriesViewModel> model)
{
if (model.Count > 0)
{
<ul>
@foreach (var item in model)
{
<li>@item.Name</li>
if (item.children.Count > 0)
{
@DisplayList(item.children);
}
}
</ul>

}
}
@DisplayList(Model)

打完收功！