У меня есть класс, который содержит иерархические данные. Я хочу представить эти данные в моем веб-приложении ASP.net, используя вложенные повторители. Как мне это сделать? Я когда-либо делал только один уровень вложенности, как мне сказать пять уровней?
Каждый элемент может иметь ноль или много вложенных элементов. Я в основном просто делаю отступ на каждом подуровне, используя некоторые CSS-вещи. Я не хочу использовать элемент управления treeview, я хочу строго придерживаться повторителя. Мои данные поступают из базы данных. У меня есть элемент данных с некоторыми базовыми свойствами.
Item
{
ID,
Name,
Description,
...
}
Затем у меня есть таблица «многие ко многим» с:
Parent
{
ParentID,
ChildID
}
Я перебираю каждый элемент и показываю его дочерние элементы; и его детские дети. Я предполагаю, что это лучше всего сделать с помощью вложенных повторителей, но я могу ошибаться.
Всегда проще иметь дело с источником данных, чем возиться с ItemDataBound, но это еще более актуально при вложенных повторителях:
<asp:Repeater DataSource="<%#ColOfCol%>" runat="server">
<ItemTemplate>
<tr>
<asp:Repeater DataSource="<%#Container.DataItem%>" runat="server">
<ItemTemplate>
<td><%#SomeExtractingMethodLikeEval()%></td>
</ItemTemplate>
</asp:Repeater>
</tr>
</ItemTemplate>
</asp:Repeater>
Внутренний источник данных также может быть оцениваемым свойством. или вызов метода, который возвращает требуемое перечисление. Просто имейте в виду, что он будет вызываться с объектом. Я предпочитаю писать конкретную версию, а затем перегружать:
protected IEnumerable<string> GetNames(Family fam)
{
foreach(Person p in fam.Members)
yield return p.FirstName + " " + p.Surname;
}
protected IEnumerable<string> GetNames(object famObj)
{
return GetNames((Family)famObj);
}
Одна вещь, о которой следует помнить, это то, что если вы хотите получить текущий объект в родительском повторителе, вам нужно получить его с помощью:
((RepeaterItem)Container.Parent.Parent).DataItem
Я обнаружил, что самый простой способ сделать вложенные повторители, не беспокоясь о событиях привязки данных, — просто установить источник данных с использованием синтаксиса <%# %>
.
Например:
<asp:Repeater runat="server" id="Departments">
<ItemTemplate>
Name: <%# Eval("DeptName") %>
Employees:
<asp:Repeater runat="server" DataSource='<%# Eval("Employees") %>'>
<ItemTemplate><%# Eval("Name") %></ItemTemplate>
<SeparatorTemplate>,</SeparatorTemplate>
</asp:Repeater>
</ItemTemplate>
</asp:Repeater>
Это предполагает, что ваш класс Departments имеет свойство Employees, например:
public class Department {
public string DeptName {get; set;}
public IEnumerable<Employee> Employees {get; set;}
}
public class Employee {
public string Name {get; set;}
}
Если у вашего внешнего объекта-повторителя нет свойства, соответствующего внутреннему объекту-повторителю, вы все равно можете использовать это трюк, добавив в код программной части метод, выполняющий вычисления. Таким образом, ваш внутренний повторитель может выглядеть так:
<asp:Repeater runat="server" DataSource='<%# GetEmployees(Container.DataItem) %>'>
и тогда GetEmployees может выглядеть примерно так:
protected IEnumerable<Employee> GetEmployees(object item) {
var dept = (Department) item;
// then do whatever is necessary to get the employees from dept
return employees;
}
<asp:Repeater ID="R1" runat="server">
<ItemTemplate>
<asp:Repeater ID="R2" runat="server">
</asp:Repeater>
</ItemTemplate>
</asp:Repeater>
R1.ItemDataBound += (s, e) =>
{
var r2 = e.Item.FindControl("R2") as Repeater;
r2.DataSource = something;
r2.DataBind();
};
Имейте в виду, что FindControl
не является рекурсивным, он получат только дети.
Вы можете без проблем вкладывать повторители. Однако глубина более 2 уровней становится неприятной. Вот как:
HTML выглядит примерно так:
<asp:Repeater ID="r1" runat="server" OnItemDataBound="r1_ItemDataBound">
<ItemTemplate>
<!-- top level repeater element template here -->
<asp:Repeater ID="r2" runat="server" onitemdatabound="r2_ItemDataBound">
<ItemTemplate>
<!-- child repeater element template here -->
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
</asp:Repeater>
Код программной части выглядит так:
protected void r1_ItemDataBound(object sender, RepeaterItemEventArgs e) {
Repeater r2 = (Repeater)e.Item.FindControl("r2");
r2.DataSource = yourDataSourceHere; // you'll have to query for appropriate data
r2.DataBind();
}
protected void r2_ItemDataBound(object sender, RepeaterItemEventArgs e) {
// do the same thing here for the 3rd nested repeater if you have a third, and so on
}