ExtJS 4动态添加按钮

Question

我有一个显示来自DB的记录的网格。我有列 - 一个用于记录的名称，在第二个中我想放一个按钮并在此之后添加一些逻辑。我有这个网格：

Ext.create('Ext.grid.Panel', {
        id: 'id-procedures',
        title: 'Documents',
        store:'Procedures',
        columns: [{
            header: 'Title'  
            dataIndex: 'name', 
            width: 500
        },{
            header: 'Open',
            renderer: this._renderOpenProcedure,
            width:50
        }),

然后我尝试动态添加按钮：

_renderOpenProcedure: function() {

    var button = Ext.create('Ext.Button', {
            text: 'Click me',
            renderTo: Ext.getBody(),
                handler: function() {
            alert('You clicked the button!')
                            }
                        });
            return  button;
    },

但我在专栏中得到的是：

  

[object Object]

如何做到这一点？

Answer 1

看看这里：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.column.Action

不需要将按钮渲染到单元格中，已有特殊类型的列。