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

【问题标题】：show different item on selectionchange on a grid在网格上的 selectionchange 上显示不同的项目
【发布时间】：2011-06-23 21:36:46
【问题描述】：

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

我一直在寻找如何做到这一点，并发现

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

和

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

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

谢谢

【问题讨论】：

标签： grid extjs4 selectionchanged

【解决方案1】：

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

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

所以第一个选择的行是selections数组中的第一个元素：

record = selections[0]

这在 selectionchange 事件的 Ext JS 4 API 文档中有所描述。

【讨论】：

【解决方案2】：

尝试在您的网格中执行以下代码。

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

firstName 将是您网格中列的数据索引。您可以像这样获取任何字段的值。

【讨论】：