javascript - ExtJS 4 动态添加按钮

Question

我有一个显示数据库记录的网格。我有列 - 一个是记录的名称，第二个是我想放置一个按钮并在此之后添加一些逻辑。我有这个网格：

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;
    },

但我在专栏中得到的是：

[对象对象]

如何才能做到这一点？

Answer 1

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

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