grid - 在网格上的 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将是您网格中列的数据索引。您可以像这样获取任何字段的值。