Griglia UI angolare - stile il menu colonna/applica un modello

Question

Desidero utilizzare la griglia utente angularjs e una condizione: Deve essere possibile impostare un menu filtro colonne.

Nel documentation viene spiegato solo come aggiungere nuovi elementi a un menu di colonna ma non come modificare il disegno o aggiungere altri controlli. Se guardiamo a the example dovrebbe essere possibile ad esempio aprire un menu di colonne che può visualizzare due pulsanti di opzione personalizzati (maschio, femmina) con due pulsanti due che accettano o rifiutano le modifiche. Se le modifiche sono accettate, il filtro dovrebbe essere applicato.

È in qualche modo possibile utilizzare i modelli per il menu colonna in quanto è possibile per lo columns header? Come creare un menu colonna personalizzato?

Grazie.

Answer 1

Vedere plunker per soluzione.

All'interno della colonnaDefs è sufficiente aggiungere menuItems. Ho avuto difficoltà a capire dalla tua domanda che cosa esattamente volevi fare queste opzioni di dropdown aggiuntive Ho modellato il formato generale per te in un esempio molto semplice in cui la prima opzione personalizzata non fa altro che visualizzare nel tuo menu e la seconda attiva un avviso contenente il nome della colonna. Per favore fatemi sapere se questo è (non) sufficiente.

Per un elenco completo degli attributi supportati per gli elementi di menu, vedere this tutorial.

columnDefs: [ 
    { 
    field: 'name', 
    menuItems: [{ 
     title: 'Custom Nothing' 
    }, { 
     title: 'Column Name', 
     action: function() { 
     alert(this.context.col.displayName); 
     } 

    }] 
    } 

] 

Answer 2

Mi sono imbattuto in quello che penso OP stava cercando, sicuramente quello che stavo cercando, tramite http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef#properties_headercellfilter

E 'fastidioso che non sembrano essere in grado di modificare solo il modello a discesa, è necessario sostituisci l'intero modello di cella di intestazione, ma almeno puoi farlo su una base per ogni colonna.