我目前有这样的动态菜单:
<asp:Repeater runat="server" id="MenuRepeater">
<headertemplate>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">KezBlu</a>
<div class="nav-collapse collapse">
<ul class="nav">
</headertemplate>
<itemtemplate>
<li><a href='<%# Eval("PageFile") %>'><%# Eval("DisplayName") %></a></li>
</itemtemplate>
<footertemplate>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</footertemplate>
</asp:Repeater>
数据源是:
public partial class KezberProjectManager : System.Web.UI.MasterPage
{
protected void Page_Load(object sender, EventArgs e)
{
MenuRepeater.DataSource = GetMenu();
MenuRepeater.DataBind();
}
protected DataTable GetMenu()
{
// you would normally pull this from a database, this is here
// only to show the idea.
DataTable menu = new DataTable();
menu.Columns.Add("PageFile", typeof(String));
menu.Columns.Add("DisplayName", typeof(String));
DataRow row = menu.NewRow();
row["PageFile"] = "home.aspx";
row["DisplayName"] = "Home";
menu.Rows.Add(row);
row = menu.NewRow();
row["PageFile"] = "Accounts.aspx";
row["DisplayName"] = "Accounts";
menu.Rows.Add(row);
row = menu.NewRow();
row["PageFile"] = "Logout.aspx";
row["DisplayName"] = "Logout";
menu.Rows.Add(row);
return menu;
}
}
这很好用,但我也需要子菜单。
是否有办法以某种方式为每个项目提供一些转发器,或者更好的方式?
由于
答案 0 :(得分:1)
您可以使用嵌套转发器:
<asp:Repeater ID="rptFirstLevel" runat="server">
<ItemTemplate>
<!-- first level html -->
<asp:Repeater ID="rptSecondLevel" DataSource='<%# DataBinder.Eval(Container.DataItem, "Children") %>' runat="server">
<ItemTemplate>
<!-- second level html -->
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
</asp:Repeater>
在您的代码中,只需确保正确地对第一个转发器进行数据绑定。
rptFirstLevel.DataSource = menu;
rptFirstLevel.DataBind();
您的menu
对象包含Children
集合。
这只是众多可能解决方案中的一种。希望它有所帮助。