【问题标题】:ASPXNAVBAR get selected navbar item nameASPXNAVBAR 获取选定的导航栏项目名称
【发布时间】:2017-07-14 23:15:31
【问题描述】:

我在这里有一个 ASPxNavbar 我想在每次单击导航栏项目时获取 NavBar 项目名称并将其显示在标签上。我尝试在 JavaScript 中执行此操作,但似乎没有任何效果。

这是我目前尝试过的

<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>

任何帮助将不胜感激。谢谢!

【问题讨论】:

    标签: javascript asp.net vb.net devexpress


    【解决方案1】:

    更正客户端ItemClick函数赋值如下:

    <ClientSideEvents ItemClick="function(s, e) {
        ave  = e.item.name;
        alert(ave);
    }"/>
    

    【讨论】:

      【解决方案2】:
      protected void FiltersNavBar_ItemClick(object source, NavBarItemEventArgs e)
      {
         var strValue = e.Item.Name;
         if (strValue == "New")
         {
         }
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2020-04-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多