如何通过单击列中的按钮获取行详细信息？

Question

我已经开始使用ExtJs4。我在一栏中有带有按钮的网格。 我无法设法通过控制器在所选单元格中单击按钮。 我想先单击然后单击行的详细信息，以便打开包含详细信息的额外窗口。

码：

Ext.define('AP.controller.List', {
    extend : 'Ext.app.Controller',
    stores : ['Users'],
    models : ['User'],
    views : [ 'List', 'Details' ],

    init : function() {
        console.log("users");
        this.control({
            'viewport > listPanel > userlist' : { 
                itemdblclick : this.userDbCClicked
            },
            'viewport > listPanel button AND WHAT MORE ?' : {
                click : this.statusButtonClicked
            }       
        });
    },

    userDbCClicked : function(grid, record) {
        console.log("user db clicked");

    },


    statusButtonClicked : function(grid, record) {
          // Here I would like to get row details after click on button in column
        console.log("statusButtonClicked clicked ");
    }

});

该代码应改为什么：

        'viewport > listPanel button AND WHAT MORE?' : {
            click : this.statusButtonClicked
        }

当然，它行不通。 如何通过单击单元格中的按钮获得行？

在此先感谢您的帮助。

ExtJs是一个非常强大的框架，但是第一步有时确实很困难。

虚假

Answer 1

在按钮配置中添加一个动作：“ statusbutton”

然后使用“视口> listPanel>按钮[action = statusbutton]”

Answer 2

克里斯说的是真的。 您还可以在按钮上使用name属性，这只是查询组件的一种方式。 在这里解释：

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ComponentQuery

{xtype：'button'，名称：'statusbutton'}

“视口> listPanel>按钮[名称=状态按钮]”

这是Ext.Apps的良好入门指南：

http://docs.sencha.com/ext-js/4-1/#!/guide/mvc_pt1和另一个： http : //docs.sencha.com/ext-js/4-1/#!/guide / application_architecture