comment trouver un index de colonne à l'aide de dataIndex Extjs 4

Bien dans ExtJS 3 j'ai utilisé le code suivant:

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

J'ai essayé de le trouver sur l'api docs, mais pas de chance...alors comment est-ir possible que je peux trouver l'index de colonne de la grille par le dataIndex de la colonne ou le nom d'en-tête de cette colonne.

InformationsquelleAutor Hmxa Mughal | 2012-12-06
  1. 30

    Vous pouvez utiliser le composant de requête:

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

    Il a fallu un certain temps pour que l'on n'a pas l'air d'être un exemple dans la doc. 😉

    • Je préfère cette réponse, qui utilise un sélecteur sur le acceptées réponse qui implique potentiellement une itération à chaque colonne de la grille.
    InformationsquelleAutor Murrah
  2. 8

    Je suppose que vous devriez trouver des index en parcourant grid.columns tableau et comparer dataIndex de la propriété de chaque colonne.

    Exemple:

    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'));
    • grande, qui a travaillé comme un charme...merci..:)
    • Au lieu de grid.columns utilisation grid.columnManager.columns. De cette façon, si les colonnes sont réorganisées, votre fonction retourne l'index correct.
    InformationsquelleAutor Krzysztof
  3. 2
    function getColumnIndex(grid, dataIndex) {
    gridDataIndices = Ext.Array.pluck(grid.columns, 'dataIndex');

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

    répondu dans le sencha forums

    InformationsquelleAutor Mohammadreza
  4. 1

    La plus standard de la manière d'obtenir une colonne par dataIndex serait:

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

    Noter que ce n'est le retour d'une colonne (contrairement au nom de la fonction). C'est parce qu'un en-tête de grille dans ExtJS est à la fois un en-tête et le contenu d'une colonne.

    Ext.de la grille.la colonne.Colonne docs:

    Cette classe spécifie la définition d'une colonne à l'intérieur d'un
    Ext.de la grille.De la grille. Elle englobe à la fois l'en-tête de grille configuration
    bien que l'affichage des données dans la grille elle-même.

    Voir aussi: getHeaderByDataIndex docs.

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

    Composant de Requête peut être un peu lent et ne garantie un seul résultat. Il est un peu plus rapide de parcourir le tableau de colonnes qui appartiennent à la grille.

    Ici est une simple statique util fonction qui fait le truc à l'aide ext cadre.

    JS:

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

    utiliser ce code pour obtenir les colonnes à partir de votre grille de panneaux instance

    JS:

    var columns = grid.headerCt.items.items,

    InformationsquelleAutor 1-14x0r
  7. 0
    var RowEditor = new Ext.grid.plugin.RowEditing({...});
    RowEditor.editor.form.findField('Task');
    • Veuillez expliquer votre réponse, de sorte qu'il serait utile pour les futurs utilisateurs.
    InformationsquelleAutor Macedonian