我有一个名为category的列表。它包含以下数据。
Name - Id
----------------------------
Mobile - 0
Cellphones - 21
Mobile Accessories - 22
Camera - 0
Camcorder - 55
Camera Accessories 60
SLRs 61
Photo Printers 63
Computers 0
Laptops 65
Memory Cards 67
Monitors 69
RAM 70
Computer Accessories 71
我想使用Ul和Li标签按以下方式显示以上数据：
移动
-Cellphones
- 移动配件
相机
-Camcorder
-Camera Accessories
-SLRs
-Photo Printers
计算机
-Laptops
-Memory Cards
-Monitors
-RAM
- 电脑配件
即id = 0表示父类别，id =非零表示子类别
帮帮我。谢谢。
答案 0 :(得分：0)
Namespace Test
Public Class Class1
Dim Categories As List(Of Category) = New List(Of Category) _
From {New Category With {
.ID = 0, .Name = "Mobile",
.Items = New List(Of CategoryItem) _
From {New CategoryItem With {.ID = 1, .Name = "Cellphones"},
New CategoryItem With {.ID = 2, .Name = "Mobile Accessories"}
}
},
New Category With {
.ID = 1, .Name = "Camera",
.Items = New List(Of CategoryItem) _
From {New CategoryItem With {.ID = 1, .Name = "Camcorder"},
New CategoryItem With {.ID = 2, .Name = "Camera Accessories"},
New CategoryItem With {.ID = 3, .Name = "SLRs"},
New CategoryItem With {.ID = 4, .Name = "Photo Printers"}
}
},
New Category With {
.ID = 2, .Name = "Computers",
.Items = New List(Of CategoryItem) _
From {New CategoryItem With {.ID = 1, .Name = "Laptops"},
New CategoryItem With {.ID = 2, .Name = "Memory Cards"},
New CategoryItem With {.ID = 3, .Name = "Monitors"},
New CategoryItem With {.ID = 4, .Name = "RAM"},
New CategoryItem With {.ID = 5, .Name = "Computer Accessories"}
}
}
}
Public Sub New()
Dim ul As String = SetCategories()
End Sub
Private Function SetCategories() As String
Dim ulCategories As XElement = <ul class="float-left"></ul>
For Each cat As Category In Categories
Dim currentCategory As Category = cat
Dim liCategory As XElement = <li><%= currentCategory.Name %></li>
Dim ulCategoryItems As XElement = <ul></ul>
For Each item As CategoryItem In currentCategory.Items
Dim currentItem As CategoryItem = item
Dim liItem As XElement = <li><%= currentItem.Name %></li>
ulCategoryItems.Add(liItem)
Next item
liCategory.Add(ulCategoryItems)
ulCategories.Add(liCategory)
Next cat
Return ulCategories.ToString()
End Function
End Class
Public Class Category
Public Property ID As Integer
Public Property Name As String
Public Property Items As List(Of CategoryItem)
End Class
Public Class CategoryItem
Public Property ID As Integer
Public Property Name As String
End Class
End Namespace
答案 1 :(得分：0)
在此处，将其放在您的视图中：
<ul>
<li>Mobile
<ul>
<li>Cellphones</li>
<li>Mobile Accessories</li>
</ul>
</li>
<li>Camera
<ul>
<li>Camcorder</li>
<li>Camera Accessories</li>
<li>SLRs</li>
<li>Photo Printers</li>
</ul>
</li>
<li>Computers
<ul>
<li>Laptops</li>
<li>Memory Cards</li>
<li>Monitors</li>
<li>RAM</li>
<li>Computer Accessories</li>
</ul>
</li>
</ul>
虽然这就是你所要求的，但我认为你想要更多的东西。
因为您的问题中没有任何具体内容或您的任何尝试，所以在以下解决方案中进行了一些假设。
类别：
public class Category
{
public int Id { get; set; }
public string Name { get; set; }
public List<Category> Subcateogries { get; set; }
public Category()
{
Subcateogries = new List<Category>();
}
}
控制器：
public ActionResult Index()
{
//The Data
var categories = new List<Category>
{
new Category { Id = 0, Name = "Mobile" },
new Category { Id = 21, Name = "Cellphones" },
new Category { Id = 22, Name = "Mobile Accessories" },
new Category { Id = 0, Name = "Camera" },
new Category { Id = 55, Name = "Camcorder" },
new Category { Id = 60, Name = "Camera Accessories" },
new Category { Id = 61, Name = "SLRs" },
new Category { Id = 63, Name = "Photo Printers" },
new Category { Id = 0, Name = "Computers" },
new Category { Id = 65, Name = "Laptops" },
new Category { Id = 67, Name = "Memory Cards" },
new Category { Id = 69, Name = "Monitors" },
new Category { Id = 70, Name = "RAM" },
new Category { Id = 71, Name = "Computer Accessories" }
};
var GroupedData = new List<Category>();
foreach(var category in categories)
{
if(category.Id == 0)
{
GroupedData.Add(category);
}
else
{
GroupedData.Last().Subcateogries.Add(category);
}
}
return View(GroupedData);
}
查看：
@model List<Category>
<h2>Categories</h2>
<ul>
@foreach (var topCategory in Model)
{
<li>@topCategory.Name
<ul>
@foreach (var subCategory in topCategory.Subcateogries)
{
<li>@subCategory.Name</li>
}
</ul>
</li>
}
</ul>
这是假设起始列表，在这种情况下类别是您想要的顺序。我还在创建 GroupedData 时重复使用原始列表项目。还假设只有两个级别。
视图可以重构以利用部分视图并处理多个级别，但这不是问题的一部分。