grid - グリッド上のselectionchangeで別のアイテムを表示する

Question

グリッドとフォームがあります。そのグリッドで行を選択するたびに、フォームにさまざまなアイテムを表示する必要があります

私はこれを行う方法を探していました、そして見つけました

    Ext.getCmp('myform').hide() // or  .show()

と

    listeners: { selectionchange: function () {...}

どの行が選択されているかわからないので、表示するアイテムを指定できます

ありがとう

Answer 1

selectionchange選択した行をイベントハンドラーの2番目のパラメーターとして取得します。

listeners: {
    selectionchange: function (view, selections, options) {
        console.log(view, selections, options);
    }
}

したがって、最初に選択された行は、selections配列の最初の要素です。

record = selections[0]

これは、 selectionchangeイベントのExt JS4APIドキュメントで説明されています。

Answer 2

グリッド内のコードをフォローしてみてください。

        listeners:{
                itemclick:function(view, record, item, index, e ) {
                var v = record.get('firstName');
                ....
                    ....
                     }
                  }

firstNameは、グリッド内の列のデータインデックスになります。このような任意のフィールドの値を取得できます。