在UpdatePanel中时,菜单控件CSS中断
时间:2020-03-06 14:40:41 来源:igfitidea点击:
我在updatepanel内部有一个菜单控件。当我将鼠标悬停在所选项目上,然后再移回该项目时,css类将设置为staticSubMenuItem而不是staticSubMenuItemSelected。有没有解决的办法?
<asp:UpdatePanel runat="server"> <ContentTemplate> <asp:Menu ID="SubMenu" runat="server" SkinID="subMenu" OnMenuItemClick="SubMenu_Click" CssClass="floatRight" StaticMenuItemStyle-CssClass="staticSubMenuItem" StaticSelectedStyle-CssClass="staticSubMenuItemSelected" StaticHoverStyle-CssClass="staticSubMenuItemSelected"> <Items> <asp:MenuItem Text="Item 1" Value="0" Selected="true" /> <asp:MenuItem Text="Item 2" Value="1" /> </Items> </asp:Menu> </ContentTemplate> </asp:UpdatePanel>
解决方案
问题在这里:
StaticSelectedStyle-CssClass =" staticSubMenuItemSelected"
StaticHoverStyle-CssClass =" staticSubMenuItemSelected"
如果我们为"选定的"和"悬停"设置了不同的CssClass,则此问题已解决。创建一个"悬停" css类,并将以上内容更改为:
StaticSelectedStyle-CssClass =" staticSubMenuItemSelected"
StaticHoverStyle-CssClass =" staticSubMenuItemHover"