突出显示ASP.NET Web应用程序中的菜单栏 [英] Highlighting Menu Bar in ASP.NET Web Application
问题描述
我有一个Visual Studio 2010，当我添加一个新的项目，VS给我默认的CSS和UI主题。我有6个aspx页面。现在每当用户进入某个特定页面时，我想要该页面的菜单栏突出显示，以便用户知道他/她是哪个页面。
I have a Visual Studio 2010 and when I added a NEW project, VS gives me default css and UI themes. I have 6 aspx pages. Now whenever user is going into some specific page, I want the menu bar of that page to get highlighted so that user will know which page he/she is.
一个名为：CommSetup.aspx的页面。在page_load中我写了以下代码：
I have a page called: CommSetup.aspx. In the page_load I have written this code:
在主页中，我改变了这个：
And in the master page I changed this:
在代码后面：
In code behind:
protected void Page_Load(object sender, EventArgs e)
{
foreach (MenuItem item in NavigationMenu.Items)
{
var navigateUrlParams = item.NavigateUrl.Split('/');
if (Request.Url.AbsoluteUri.IndexOf(navigateUrlParams[navigateUrlParams.Length - 1]) != -1)
{
item.Selected = true;
}
}
}
标记：
Markup:
<body runat ="server" clientidmode ="Static" id = "MasterBody">
<form runat="server">......
<asp:Menu ID="NavigationMenu" runat="server" StaticSelectedStyle-CssClass ="Selected" CssClass="menu" .....
这是我在Site.css中添加的：
This is what I added in Site.css:
div.menu ul li a.Selected
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
推荐答案
您要求使用CSS：
http://hicksdesign.co.uk/journal/highlighting-current-page-with-css
您应该能够实现在控件上使用静态ID命名（而不是让ASP.NET为每个控件分配ID值）。
You should be able to achieve that using static ID naming on your controls (instead of letting ASP.NET assign the ID value to each control).
编辑：
要想使用母版页，请将母版页中的< body> 标记更改为：
<body runat="server" clientidmode="Static" id="MasterBody">
然后在每个页面的Page_Load中，您可以覆盖每个页面的ID我的例子是类型 SiteMaster ）：
Then in the Page_Load of each page, you can overwrite the id for each page (the master page in my example is of type SiteMaster):
protected void Page_Load(object sender, EventArgs e)
{
Control c = Page.Master.FindControl("MasterBody");
if (c != null)
{
c.ID = "Page1";
}
}
更新（2）：
我试过运行Farzin的例子，它似乎不工作，所以这里是我能够验证为我工作（你不需要 Page_Load ）：
Site.master
<asp:Menu ID="NavigationMenu" ...>
<StaticSelectedStyle CssClass="selected" />
...
</asp:Menu>
Site.master.cs
protected void Page_Load(object sender, EventArgs e)
{
foreach (MenuItem item in NavigationMenu.Items)
{
item.Selected = Page.ResolveUrl(item.NavigateUrl).ToLowerInvariant() == Request.Path.ToLowerInvariant();
}
}
Styles / Site.css
div.menu ul li a.selected
{
/* put your style definition here */
}
这篇关于突出显示ASP.NET Web应用程序中的菜单栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
