ASPXNAVBAR获取所选的导航栏项目名称

我在这里有一个ASPxNavbar我想每次点击导航栏项目并将其显示在标签上时都获取NavBar项目名称。我试着用JavaScript来做，但没有任何效果。ASPXNAVBAR获取所选的导航栏项目名称

这里是我试过到目前为止

<dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="ASPxLabel"> 
     </dx:ASPxLabel> 

<dx:ASPxNavBar ID="ASPxNavBar1" runat="server" EnableAnimation="True" Width="100%" 
     Theme="Material" AllowSelectItem="true" Target="contentUrlPane" ClientInstanceName="NavbarClick"> 
    <LinkStyle> 
     <HoverFont Underline="False" /> 
    </LinkStyle>  
    <Border BorderWidth="0px" /> 
    <Paddings Padding="0px" /> 
    <GroupHeaderStyle HorizontalAlign="left" /> 

    <ItemStyle HorizontalAlign="left"> 
    <SelectedStyle BackColor="#404652 " ForeColor="#a2a2a2" /> 
    </ItemStyle> 

<ClientSideEvents ItemClick="function NavbarClick(s, e) { 
ave = e.item.name; 
alert(ave) 
document.getElementById('ASPxLabel1').innerHTML = ave; 
}"/> 
    <Groups> 
    <dx:NavBarGroup Text="DASHBOARD" ></dx:NavBarGroup> 
    <dx:NavBarGroup Text="Forms"> 
     <Items> 
     <dx:NavBarItem Text="Cancel Memo" NavigateUrl="sample.aspx" Selected="True" Name = "Sample Title Here"> 
      <Image Height="18px" Url="Content/Images/1.png" Width="18px" /> 
     </dx:NavBarItem> 
     <dx:NavBarItem Text="Change Memo" NavigateUrl="Sample2.aspx" Name = "Another sample title here"> 
      <Image Height="18px" Url="Content/Images/2.png" Width="18px" /> 
     </dx:NavBarItem> 
     </Items> 
    </dx:NavBarGroup> 
    </Groups> 
    </dx:ASPxNavBar>

任何帮助将非常感激。谢谢！

来源

2017-02-24 x' tian

你有什么似乎是正确的，但要注意，你叫你的NavBar的ClientInstanceName为NavBarClick：

... 
Theme="Material" AllowSelectItem="true" Target="contentUrlPane" 
ClientInstanceName="NavbarClick"> 
...

和你ItemClick JS处理程序中也呼吁NavbarClick：

... 
<ClientSideEvents ItemClick="function NavbarClick(s, e) { 
...

我我不确定它会起作用。尝试重命名你的itemClick处理，是这样的：

<ClientSideEvents ItemClick="function OnNavbarClick(s, e) {

HTH

来源

2017-02-24 09:29:46 andrews

ASPXNAVBAR获取所选的导航栏项目名称

回答

相关问题