カスタムメニュー/コンテキストメニューマウスオーバーまたは右クリック

現在、ユーザーにいくつかの列を表示するASP.NET GridViewがあり、そのうちの1つが特定のレコードの詳細を表示するリンクになっています。詳細ページから、ユーザーは新しいレコードを追加するために他のページにアクセスすることができます（連絡先レコードページから、リンクをクリックして新しい車両購入を追加するなど）。カスタムメニュー/コンテキストメニューマウスオーバーまたは右クリック

GridViewの行や実際にユーザーが新しい車両購入ページを追加できるようにするためのアイテムであるMouseOverや右クリックメニューがあった場合は、すばらしいことだと思います。私はマウスのクリック数を減らし、特定のアクションを実行するのにかかるページヒットを減らそうとします。

これに提供できる無料のコンポーネントやコードサンプルはありますか？私は前に、いくつかのWebアプリケーションでそれを見たことがあることを知っている、ただホイールを再発明したくない。

私が扱っているアプリケーションは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>

出典

2009-04-01 RSolberg