come eliminare o aggiungere colonna nel pannello della griglia

Question

grid.getcolumnModel(). SetHidden (0, true) verrà effettuato per il menu colonna e non per il pannello della griglia. Nel menu colonna puoi abilitare o disabilitare la colonna. Come aggiungere o rimuovere la colonna nel pannello della griglia in modo dinamico?

Answer 1

Potrebbe essere necessario aggiornare Ext.grid.GridView affinché la modifica della colonna venga visualizzata.

grid.getView().refresh(true) // true to refresh HeadersToo 

Answer 2

credo che questo è quello che stai cercando http://www.extjs.com/forum/showthread.php?53009-Adding-removing-fields-and-columns

Assicurati si guarda al post # 37 nel thread pure.

Answer 3

In ExtJs 3.x questo pezzo di codice può aiutare:

Nota: Ho usato casella di controllo, come la prima colonna. Si prega di rimuovere quella linea se non ne hai bisogno.

var newColModel = new Ext.grid.ColumnModel({ 
    columns: [ 
     grid.getSelectionModel(), 
     { 
      header: 'New column 1' 
     }, { 
      header: 'New column 2' 
     } 
    ], 
    defaults: { 
     sortable: false 
    } 
}); 

grid.store.reader = new Ext.data.JsonReader({ 
    root: 'items', 
    totalProperty: 'count', 
    fields: [ 
     // Please provide new array of fields here 
    ] 
}); 

grid.reconfigure(grid.store, newColModel); 

Answer 4

Per coloro che raggiungono questa domanda cerca di una soluzione per Ext.js 4.2 e avobe.

Io uso il metodo "riconfigurare" per modificare dinamicamente le colonne della griglia: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.Panel-method-reconfigure

Ecco un bel esempio: http://marcusschiesser.de/2013/12/21/dynamically-changing-the-structure-of-a-grid-in-extjs-4-2/

Answer 5

La funzione reconfigure potrebbe non funzionare bene con i plugin. Soprattutto se hai qualcosa come FilterBar.

Se è necessario farlo una sola volta, in base ad alcune impostazioni globali che utilizzano è possibile utilizzare initComponent e modificare la configurazione iniziale. Accertarsi di effettuare tutte le modifiche al config prima chiamare this.callParent();

testato con ExtJS 6.2 (ma dovrebbe funzionare anche per ExtJS 4 e 5)

initComponent: function() { 
    // less columns for this setting 
    if (!app.Settings.dontUseFruits()) { 
     var newColumns = []; 
     for(var i=0; i<this.columns.items.length; i++) { 
      var column = this.columns.items[i]; 
      // remove (don't add) columns for which `dataIndex` starts with "fruit" 
      if (column.dataIndex.search(/^fruit/) < 0) { 
       newColumns.push(column); 
      } 
     } 
     this.columns.items = newColumns; 
    } 

    this.callParent(); 

Answer 6

magari provare

store.add (nuovo record); store.commitChanges();

o store.remove() e store.commitChanges()