Come posso creare il pannello della griglia ExtJs con caselle di controllo come here.Pannello griglia Extjs con caselle di controllo
risposta
In Ext 3.4, è possibile utilizzare il plug-in Ext.grid.CheckColumn
come illustrato nell'esempio EditorGrid incluso nel download del framework.
In Ext 4+ è disponibile un tipo di colonna CheckColumn (xtype: 'checkcolumn'
). Maggiori informazioni possono essere trovate in the API docs. Ecco lo one example che include una colonna di casella di controllo modificabile nella versione corrente di Ext (tenere il passo con gli URL per versione è praticamente impossibile).
Ecco un esempio di ciò che la configurazione della colonna assomiglia per una colonna casella di controllo nella versione 4+:
xtype: 'checkcolumn',
header: 'Active?',
dataIndex: 'active', // model property to bind to
width: 60,
editor: {
xtype: 'checkbox',
cls: 'x-grid-checkheader-editor'
}
Come sull'utilizzo di questa?
var checkBoxSelMod = new Ext.grid.CheckboxSelectionModel();
-D
È possibile cambiare la posizione di casella di controllo ponendo l'oggetto modello di selezione nella posizione desiderata nell'elenco delle colonne. Questo ti permetterà di inserire più checkbox nella griglia.
Come si sposta checkBoxSelMod nell'elenco delle colonne? – boatcoder
Ad esempio, se lo si desidera nella colonna 3, quindi inserire checkBoxSelModel nella 3a posizione dell'attributo cols. –
Le risposte precedenti non sembrano più funzionare nell'ultima versione di ExtJs. Link all'esempio di lavoro è qui: example ExtJs 4.1
- 1. Extjs 4, moduli con caselle di controllo e loadRecord
- 2. ngTabella con caselle di controllo non selezionare tutte le caselle di controllo sulla griglia
- 3. Consumo di date JSON in un pannello griglia EXTJs
- 4. Griglia Pannello barre di scorrimento in ExtJS 4 non lavora
- 5. Pannello Griglia Extjs - Modifica proprietà enableColumnHide dopo il rendering
- 6. ExtJS pannello scorrevole
- 7. JTree con caselle di controllo
- 8. come mostrare/nascondere la colonna in un pannello di griglia extjs 3
- 9. Contenitore vs Pannello in ExtJS
- 10. caselle di controllo piramide
- 11. Pannello ExtJs - aggiunta di componenti dinamici
- 12. ExtJS 4 - Eventi cella a griglia?
- 13. Kendo Multi-Select con caselle di controllo
- 14. Caselle di controllo con script bash
- 15. Elenco DropDown con caselle di controllo
- 16. fisarmonica jQueryUI con caselle di controllo
- 17. Filtro con caselle di controllo usando jQuery
- 18. Screenshot di un pannello con caselle combinate aperte
- 19. come mostrare il messaggio "Nessun dato disponibile" al centro del pannello della griglia di extjs?
- 20. extjs gridpanel all'interno di un pannello non autoscroll o ridimensiona
- 21. ComboBox con caselle di controllo all'interno, C++ Qt, seleziona/deseleziona tutte le caselle di controllo
- 22. Manipola, caselle di controllo dall'elenco
- 23. Caselle di controllo CSS Styling
- 24. ExpandableListView e caselle di controllo
- 25. Crea una griglia di azione Extjs 4 con testo?
- 26. Nascondi il titolo del pannello ExtJS
- 27. caselle di controllo selezionate Jquery
- 28. Caselle di controllo su Rails
- 29. Come aggiungere una colonna di caselle di controllo a una griglia di Kendo
- 30. Come aggiungere righe vuote alla griglia ExtJS?
Grazie mille! – edtsech
I collegamenti sono stati eliminati. – boatcoder
Ho aggiornato i collegamenti. Grazie per il downvote! –