网格中的ExtJS 4按钮可以编辑，删除一行。在新标签页中打开编辑表单

Question

基本上我的问题分为两部分。 ExtJS 4示例中有一些示例用于扩展网格。但他们没有工作:(我在新推荐的mvc应用程序模式中使用ExtJS 4。

1. 将第一列添加到网格中，其中包含用于编辑和删除的按钮
2. 网格是tabpanel的第一个标签。如果按下编辑按钮，则应创建一个新选项卡并将其绑定到商店。
3. 新按钮应打开一个带有绑定到商店的空表单的标签

有没有经历过这个？任何工作代码示例？我感谢您的帮助！ THX！

Answer 1

我找到了添加按钮的方法（或更正确的图像）。

因此，您需要使用xtype：'actioncolumn'添加新列，并将每个按钮（图像）描述为项目。

E.g：

...
columns: [
            {
                text: 'Name',
                dataIndex: 'registrant_name',
                flex: 1
            }, {
                xtype: 'actioncolumn',
                width: 40,
                items: [{
                    icon: 'path_to_img',
                    handler: function(grid, rowIndex, colindex) {
                        alert('click!');
                    }
                }]
            }
        ],
...

还在doc页面上链接： http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.column.Action