自定义菜单/上下文菜单鼠标单击或右键单击

时间:2009-04-01 17:12:51

标签: asp.net jquery gridview menu contextmenu

我目前有一个ASP.NET GridView,它向用户显示几列,其中一列是查看特定记录详细信息的链接。在详细信息页面中,用户可以访问其他页面以添加新记录(例如,从联系人记录页面,您可以单击链接添加新车辆购买)。

我认为很棒的是,如果有一个MouseOver或右键菜单会出现在GridView行或任何真正允许用户直接进入添加新车辆购买页面的项目上。我想尝试减少鼠标点击次数以及执行特定操作所需的页面点击次数。

是否可以为此提供免费组件或代码示例?我知道我之前在一些网络应用程序中看过它,只是不想“重新发明轮子。”

我正在使用的应用程序是ASP.NET 3.5,如果解决方案需要,则已经设置了jQuery使用...下面是我的网格代码的简要视图。第一列实际上是一个超链接,但我为此示例删除了它。

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

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

您还可以使用以下方法尝试示例代码。我们也可以动态加载菜单项。

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