Sto utilizzando la griglia UI di Kendo con GridEditMode.InCell e ho bisogno di aggiungere un collegamento ipertestuale per il comando delete/destroy nella colonna della griglia invece del pulsante "Elimina" predefinito.Come creare un pulsante/comando Elimina/Destro personalizzato nella griglia dell'interfaccia utente di Kendo?
mio codice attuale assomiglia:
c.Command(command => command.Destroy()).Width(90);
Ecco quello che finisce per fare
c.Template(@<text></text>)
.Width(50)
.ClientTemplate(@"<a class=""k-button-icontext k-grid-delete"" href=""\#"">Delete</a>");
Tutto quello che dovete fare è aggiungere un elemento che ha la classe k-grid-delete.
Ad esempio è possibile aggiungere il seguente elemento di ancoraggio in una colonna modello e inizierà a funzionare come pulsante di eliminazione.
<a class="k-button k-button-icontext k-grid-delete" href="#">My delete !</a>
Grazie XMR per voi risposta. Tuttavia non capisco dove dovrei aggiungere quel codice. c.Command non ha template o ClientTemplate, quindi non posso aggiungerlo lì. Ho anche provato: c.Bound (p => p.Id) .ClientTemplate ("My delete !") .Titolo ("Azione") .Width (100); Si prega di avvisare. –
In effetti ti ho suggerito di aggiungerlo al ClientTemplate. Non viene visualizzato quando si utilizza ClientTemplate? Oppure non funziona quando fai clic sul pulsante. –
Grazie ancora. ClientTemplate non è un metodo del comando. Quindi, quando lo applico, il codice è ancora compilato, ma ricevo l'errore di runtime "CS1061: 'Kendo.Mvc.UI.Fluent.GridActionColumnBuilder' non contiene una definizione per 'ClientTemplate' e nessun metodo di estensione 'ClientTemplate' che accetta un primo argomento di tipo 'Kendo.Mvc.UI.Fluent.GridActionColumnBuilder' potrebbe essere trovato (ti manca una direttiva using o un riferimento di assembly?) " Si prega di consulenza. –
Sì, questo mi fornisce il markup definito sopra, ma facendo clic su di esso non fa nulla. –
Si noti che è necessario aggiungere .Editable() alla griglia per l'evento da allegare a un elemento "k-grid-delete" –
'@ (Html.Kendo(). Grid() ... .Editable (editable => editable.Mode (GridEditMode.InCell)) 'Ci sono 2 tipi di GridEditModes. Il mio link include uno span per l'icona:' Delete ' –