如何在extjs的Action列中添加一个按钮

Question

我希望这是我今天的最后一个问题。我在设计器2中找到了一个很好的actioncolumn选项。我在我的网格中添加了一个，它看起来像这样：

  xtype: 'gridpanel',
                        title: 'Reports',
                        forceFit: true,
                        store: 'ReportsStore',
                        columns: [
                            {
                                xtype: 'gridcolumn',
                                dataIndex: 'Name',
                                text: 'Name'
                            },
                            {
                                xtype: 'gridcolumn',
                                dataIndex: 'Type',
                                text: 'Type'
                            },
                            {
                                xtype: 'gridcolumn',
                                dataIndex: 'Description',
                                text: 'Description'
                            },
                            {
                                xtype: 'actioncolumn',
                                dataIndex: 'Name',
                                items: [
                                    {
                                        handler: function(view, rowIndex, colIndex, item, e) {
                                            console.log(row, col);
                                        },
                                        altText: 'Run report',
                                        iconCls: 'runReport'
                                    }
                                ]
                            }
                        ],
                        viewConfig: {

                        },
                        dockedItems: [
                            {
                                xtype: 'toolbar',
                                dock: 'top',
                                items: [
                                    {
                                        xtype: 'tbfill'
                                    },
                                    {
                                        xtype: 'button',
                                        iconCls: 'addReport',
                                        text: 'Add report',
                                        listeners: {
                                            click: {
                                                fn: me.onButtonClick,
                                                scope: me
                                            }

但没有任何事情发生。我想要的是有一个按钮/图标，当你点击它时，它将打开一个ext.window与该行的reportId。我找不到我如何与设计师这样做。

我现在没有看到图标，所以没有任何内容可以点击。我错过了什么？

谢谢，

TJ

Answer 1

你错过了这个按钮的听众：

在项目定义中添加类似内容：

handler: function(grid, row, col) {
   console.log(row, col);
}