Javascript ExtJS-单击按钮即可获取网格的选定值

我是ExtJS的新手，所以我发现要获得这个简单的逻辑有点困难

我在选项卡面板中有一个网格。我在这个网格的和处添加了两个按钮“添加”和“更新”。单击“添加”，我想查看所选行的值

代码如下：

Ext.define（'XYZ.view.PlantInformation'{
扩展：“Ext.panel.panel”，
别名：“widget.plantinformation”，
要求：[
'XYZ.view.PlantInformationOldViewModel1'，
“外部选项卡面板”，
“Ext.tab.tab”，
“Ext.grid.Panel”，
“Ext.grid.column.column”，
“Ext.view.Table”，
“Ext.toolbar.Spacer”
],
视图模型：{
类型：“plantinformation”
},
身高：500，
宽度：800，
布局：“适合”，
标题：“植物信息”，
defaultListenerScope:true，
项目：[{
xtype:'tabpanel'，
活动选项卡：0，
项目：[{
xtype:'面板'，
可滚动：“true”，
标题：“植物”，
项目：[{
xtype:“gridpanel”，
itemId:'PlantTab'，
可滚动：对，
bodyBorder：没错，
绑定：{
商店：“植物商店”
},
栏目：[{
xtype:'gridcolumn'，
数据索引：“ID_工厂”，
文本：“植物ID”
}, {
xtype:'gridcolumn'，
数据索引：“DS_工厂”，
文本：“植物名称”，
弹性：1
}],
摘要：[{
xtype:'面板'，
船坞：“底部”，
宽度：100，
布局：{
类型：“hbox”，
对齐：“拉伸”，
包装：'结束'
},
项目：[{
xtype:'按钮'，
弹性：1，
文本：“添加”，
听众：{
单击：“on按钮单击”
}
}, {
xtype:'tbspacer'，
弹性：1
}, {
xtype:'按钮'，
弹性：1，
文本：“更新”
}]
}],
听众：{
选择：“onGridpanelSelect”
}
}]
},
],
onButtonClick：功能（按钮、e、eOpts）{
var grid=Ext.getCmp（'PlantTab'）；
var selection=grid.getSelectionModel（）.getSelection（）[0]；
警报（选择）；
},
onGridpanelSelect：函数（行模型、记录、索引、eOpts）{
}
});

我得到一个错误：

未捕获类型错误：无法读取未定义的属性“getSelectionModel”

我对这件简单的事情做错了什么

---

提前下载！

如果要使用

Ext.getCmp

检索组件，请更换：

itemId:'PlantTab'

与：

id:'PlantTab'

在网格配置中

---

id

是全局的，

itemId

是在父容器中的作用域。

谢谢！但警报框中声明了[Object Object}。我如何获得单个值，如id\u PLANT和DS\u PLANT列？还有什么方法可以重新确定网格所选行值，而不是我正在做的吗？没有行这样的事情“value”。每一行对应一条记录，它是的一个实例。这正是您使用

grid.getSelectionModel（）.getSelection（）[0]

检索的内容。因此，只需对该记录调用

get（fieldName）

即可获取单个值。我尝试了按按钮单击：函数（按钮，e，eOpts）{var grid=Ext.getCmp（'PlantTab'））；var selection=grid.getSelectionModel（）.getSelection（）[0]；Ext.Msg.alert（'Cool'，selection.get（'ID_PLANT'））；}……它起作用了……非常感谢！！