come trovare indice di colonna utilizzando DataIndex ExtJS 4

Question

Bene in ExtJS 3 ho usato il seguente codice:

grid.getColumnModel().findColumnIndex("Tasks")

ho provato trovare sulla documentazione API, ma senza fortuna ... così come è ir possibile che io possa trovare l'indice di colonna della griglia dal dataIndex della colonna o il nome dell'intestazione di quella colonna.

Answer 1

Immagino che dovresti trovare l'indice iterando attraverso l'array grid.columns e confrontando la proprietà dataIndex di ogni colonna.

Esempio:

var findColumnIndex = function(columns, dataIndex) { 
    var index; 
    for (index = 0; index < columns.length; ++index) { 
     if (columns[index].dataIndex == dataIndex) { break; } 
    }​​​​​​​​ 
    return index == columns.length ? -1 : index; 
} 


console.log(findColumnIndex(grid.columns, 'Task')); 
console.log(findColumnIndex(grid.columns, 'Something')); 

Answer 2

var gridColumns = grid.headerCt.getGridColumns(); 
for (var i = 0; i < gridColumns.length; i++) { 
    if (gridColumns[i].dataIndex == 'yourdataIndex') { 
    alert(i); 
    } 
} 

Answer 3

È possibile utilizzare la query componente:

var fname = grid.down('[dataIndex=firstname]'); 

C'è voluto un po 'per lavorare che fuori - ci ha colpiti particolarmente sembrano essere un esempio nella documentazione. ;-)

Answer 4

Component Query può essere un po 'lento e non garantisce un solo risultato. È un po 'più veloce per iterare semplicemente sulla matrice di colonne che appartengono alla griglia.

Ecco una semplice funzione statica utile che utilizza il framework ext.

findColumnDataIndex: function(columns, dataIndex) { 
 
    var column = null; 
 
    Ext.Array.each(columns, function(c) { 
 
    if (c.dataIndex === dataIndex) { 
 
     column = c; 
 
     return false; 
 
    } 
 
    }, this); 
 
    return column; 
 
}

uso questo codice per ottenere le colonne dal vostro pannelli grigliati esempio

var columns = grid.headerCt.items.items,

Answer 5

var RowEditor = new Ext.grid.plugin.RowEditing({...}); 
    RowEditor.editor.form.findField('Task'); 

Answer 6

function getColumnIndex(grid, dataIndex) { 
    gridDataIndices = Ext.Array.pluck(grid.columns, 'dataIndex'); 

return Ext.Array.indexOf(gridDataIndices, desireDataIndex); 
} 

answered in sencha forums

Answer 7

Il modo più standard per ottenere una colonna dataIndex sarebbe:

var column = grid.columnManager.getHeaderByDataIndex('Tasks') 

Si noti che questo fa tornare una colonna (in contrasto con il nome della funzione). Questo perché un'intestazione di griglia in ExtJS è in realtà sia un'intestazione sia un contenuto di colonna.

Ext.grid.column.Column docs:

Questa classe specifica la definizione di una colonna all'interno di una Ext.grid.Grid. Comprende sia la configurazione dell'intestazione della griglia come che la visualizzazione dei dati all'interno della griglia stessa.

Vedere anche: getHeaderByDataIndex docs.