在网格上的selectionchange上显示不同的项目

Question

我有一个网格和一个表单，每次我们在该网格上选择一行时，我需要在表单上显示不同的项目

我一直在研究如何做到这一点，并找到了

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

和

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

现在我不知道选择了哪一行，所以我可以指定要显示的项目

感谢

Answer 1

您将所选行作为selectionchange事件处理程序中的第二个参数：

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

因此，第一个选定的行是selections数组中的第一个元素：

record = selections[0]

这是selectionchange事件的Ext JS 4 API文档中描述的。

Answer 2

尝试在网格中使用以下代码。

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

firstName 将是您网格中colums的数据索引。 你可以获得这样的任何领域的价值。