Метод JQuery click на asp.net Пункт меню? - PullRequest
Новая
       8

Метод JQuery click на asp.net Пункт меню?

1 голос
/ 29 марта 2012

У меня есть пункт меню asp.net <asp:MenuItem NavigateUrl="" Text="Download" Value="Download"/>. Когда щелкнет этот элемент, я хочу выполнить метод щелчка jQuery. Как мы можем это сделать?

Ответы [ 2 ]

4 голосов
/ 29 марта 2012

Предоставить CssClass свойство с некоторым классом для пункта меню. На стороне клиента найдите элемент, использующий этот класс, и присоедините к нему обработчик события click. 

<asp:MenuItem NavigateUrl="" CssClass="menuItem" Text="Download" Value="Download"/>

Js 

$('.menuItem').click(function(){
    //do stuff here
});

Обновление:

Я думаю, вы можете указать класс css таким образом. 

<asp:Menu ID="mainMenu" runat="server">
    ..
    <asp:MenuItem NavigateUrl="" CssClass="menuItem" Text="Download" Value="Download"/>
    ..
    <StaticMenuItemStyle CssClass="menuItem" />
</asp:Menu>
2 голосов
/ 29 марта 2012

Образец JQuery 

<script language="javascript" type="text/javascript">
   $(function () {
        $(".MyMenu a").each(function (index) {
             $(this).click(function () {
                 alert(index);
                 return false;
             });
        });
   });
</script>

Модифицированный HTML 

<asp:Menu ID="_mainMenu" RenderingMode="Table" runat="server" CssClass="MyMenu" autopostback="true">
    <Items>
        <asp:MenuItem Text="Home" Value="Home"></asp:MenuItem>
        <asp:MenuItem Text="Index" Value="Home"></asp:MenuItem>
    </Items>
</asp:Menu>

Примечание - RenderingMode="Table"

...