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

Question

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

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

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

Answer 1

我找到了一种添加按钮(或更正确的图像)的方法.

因此,您需要使用xtype:'actioncolumn'添加新列,并将每个按钮(图像)描述为项目.

例如:

...
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