Personalizzato Menu / Context Menu del mouse oppure facendo clic
-
22-08-2019 - |
Domanda
Attualmente ho un GridView ASP.NET che visualizza alcune colonne per l'utente con uno dei quali è un collegamento per visualizzare i dati per il record specifico. Dalla pagina dei dettagli, l'utente ha la possibilità di accedere ad altre pagine per l'aggiunta di nuovi record (ad esempio dalla pagina record di contatto, è possibile fare clic su un link per aggiungere un nuovo acquisto del veicolo).
Quello che penso sarebbe grande è se ci fosse un MouseOver o menu del tasto destro che sarebbe venuto fino oltre la riga GridView o qualsiasi elemento davvero che permetterebbe all'utente di andare direttamente alla nuova pagina aggiungere acquisto del veicolo. Mi piacerebbe provare a ridurre il numero di clic del mouse e pagina risultato che serve per eseguire azioni specifiche.
Ci sono componenti liberi o esempi di codice che possono essere forniti per questo? So che ho visto in alcune applicazioni web prima, solo che non' voglio reinventare la ruota.
L'applicazione con cui sto lavorando è ASP.NET 3.5 ed è già predisposto per jQuery utilizzare se ciò che è necessario per la soluzione ... Di seguito una breve vista del codice per il mio Grid. La prima colonna è in realtà un collegamento ipertestuale, ma rimosso per questo esempio.
<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>
Soluzione
qui è un bel menu di contesto jQuery.
http://abeautifulsite.net/notebook/80
demo: http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu .html
Altri suggerimenti
Si potrebbe anche provare il codice di esempio nella seguente approccio. Siamo in grado di caricare le voci di menu anche in modo dinamico.
http://sites.google.com/site/spyderhoodcommunity/tech -stuff / jquerypopupcontextmenu