Пользовательское меню/контекстное меню при наведении курсора мыши или щелчке правой кнопкой мыши

Question

В настоящее время у меня есть ASP.NET GridView, который отображает пользователю несколько столбцов, один из которых является ссылкой для просмотра сведений о конкретной записи.Со страницы сведений пользователь имеет возможность получить доступ к другим страницам для добавления новых записей (например, на странице записи контакта вы можете щелкнуть ссылку, чтобы добавить покупку нового автомобиля).

Я думаю, было бы здорово, если бы существовало меню MouseOver или контекстное меню, которое появлялось бы над строкой GridView или любым элементом, которое действительно позволяло бы пользователю перейти непосредственно на страницу добавления нового автомобиля.Я хотел бы попытаться уменьшить количество щелчков мыши и посещений страниц, необходимых для выполнения определенных действий.

Существуют ли для этого какие-либо бесплатные компоненты или примеры кода?Я знаю, что уже видел это в некоторых веб-приложениях, просто не хочу изобретать велосипед.

Приложение, с которым я работаю, — это ASP.NET 3.5, и оно уже настроено для использования jQuery, если это необходимо для решения...Ниже приведен краткий обзор кода моего Grid.Первый столбец на самом деле является гиперссылкой, но в этом примере я удалил ее.

<asp:GridView ID="gvResults" runat="server" DataKeyNames="PERSONID" AutoGenerateColumns="False"
    CellPadding="4" ForeColor="#333333" OnSelectedIndexChanged="gvResults_SelectedIndexChanged"
    Width="100%" OnRowDataBound="gvResults_RowDataBound" meta:resourcekey="gvResultsResource1">
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    <Columns>
        <asp:BoundField DataField="PERSONID" HeaderText="PERSON ID" meta:resourcekey="BoundFieldResource1" />
        <asp:BoundField DataField="FNAME" HeaderText="FIRST NAME" meta:resourcekey="BoundFieldResource2" />
        <asp:BoundField DataField="LNAME" HeaderText="LAST NAME" meta:resourcekey="BoundFieldResource3" />
        <asp:BoundField DataField="DOB" HeaderText="DATE OF BIRTH" HtmlEncode="False" meta:resourcekey="BoundFieldResource4" />
    </Columns>
    <EditRowStyle BackColor="#999999" />
    <EmptyDataTemplate>
        <span style="color: Red;">
            <asp:Literal ID="litErrorNoResultsFound" runat="server" EnableViewState="False" meta:resourcekey="litErrorNoResultsFoundResource1"
                OnInit="litErrorNoResultsFound_Init"></asp:Literal>
        </span>
    </EmptyDataTemplate>
    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <HeaderStyle BackColor="#3494CC" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
</asp:GridView>

Answer 1

вот очень красивое контекстное меню jQuery.

http://abeautifulsite.net/notebook/80

демо: http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html

https://demos.shieldui.com/aspnet/contextmenu/basic-usage

Answer 2

Вы также можете попробовать пример кода в следующем подходе.Мы также можем загружать пункты меню динамически.

http://sites.google.com/site/spyderhoodcommunity/tech-stuff/jquerypopupcontextmenu