cómo eliminar o agregar una columna en el panel de cuadrícula

Question

grid.getcolumnModel(). SetHidden (0, verdadero) se efectuará para el menú de columna y no en el panel de cuadrícula. En el menú de columna, puede habilitar o deshabilitar la columna. ¿Cómo agregamos o quitamos la columna en el panel de la cuadrícula dinámicamente?

Answer 1

Puede que tenga que actualizar Ext.grid.GridView para que se muestre el cambio de columna.

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

Answer 2

creo que esto es lo que busca http://www.extjs.com/forum/showthread.php?53009-Adding-removing-fields-and-columns

Asegúrese de que usted mira en el puesto # 37 en el hilo también.

Answer 3

En ExtJs 3.x esta pieza de código puede ayudar:

Nota: He utilizado casilla de verificación, como la primera columna. Elimina esa línea si no la necesitas.

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

Para los que llegan a esta pregunta en busca de una solución para Ext.js 4.2 y avobe.

utilizo método de "reconfigurar" para cambiar dinámicamente las columnas de la cuadrícula: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.Panel-method-reconfigure

Aquí es un buen ejemplo: http://marcusschiesser.de/2013/12/21/dynamically-changing-the-structure-of-a-grid-in-extjs-4-2/

Answer 5

La función reconfigure podría no funcionar bien con los plugins. Especialmente si tiene algo como FilterBar.

Si solo tiene que hacer esto una vez, según algunos ajustes globales que se usan puede usar initComponent y cambiar su configuración inicial. Asegúrese de que todos los cambios en la configuración antes de llamar this.callParent();

probado con ExtJS 6.2 (pero también debe trabajar para ExtJS 4 y 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

quizás tratar

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

o store.remove() y store.commitChanges()