javascript - dataIndexExtjs4を使用して列インデックスを検索する方法

Question

ExtJS 3では、次のコードを使用しました。

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

APIドキュメントで見つけようとしましたが、うまくいきませんでした...列のdataIndexまたはその列のヘッダー名でグリッドの列インデックスを見つけることができないのはなぜですか。

Answer 1

コンポーネント クエリを使用できます。

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

それを解決するのにしばらく時間がかかりました-ドキュメントには例がないようです。;-)

Answer 2

配列を反復処理し、各列のプロパティをgrid.columns比較してインデックスを見つける必要があると思います。dataIndex

例：

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 3

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

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

煎茶フォーラムで回答

Answer 4

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

Answer 5

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

Answer 6

コンポーネント クエリは少し遅くなる可能性があり、結果が 1 つしか保証されません。グリッドに属する列の配列を反復処理する方が少し高速です。

これは、ext フレームワークを使用してトリックを実行する単純な静的 util 関数です。

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

このコードを使用して、グリッド パネル インスタンスから列を取得します

var columns = grid.headerCt.items.items,