Javascript 在网格列中添加按钮。ExtJs

Javascript 在网格列中添加按钮。ExtJs,javascript,extjs,Javascript,Extjs,我想在网格中的一列中添加按钮。我试试这个代码 listeners: { render: { fn: function(kad_tab){ var view = kad_tab.getView(); for (var i = 0; i < store.getCount(); i++) { var cell = Ext.fly(view.getCell(i, 2)); new Ext.Button({

我想在网格中的一列中添加按钮。我试试这个代码

listeners: {
render: {
    fn: function(kad_tab){
        var view = kad_tab.getView();
        for (var i = 0; i < store.getCount(); i++) {
            var cell = Ext.fly(view.getCell(i, 2));
            new Ext.Button({
                handler: function(){
                    alert('Suppression')
                },
                renderTo: cell.child(".btn"),
                text: 'Supprimer'
            });
        }
    },
   // delay: 200
}
侦听器:{
呈现:{
fn:功能(kad_选项卡){
var view=kad_tab.getView();
对于(var i=0;i
}

{header:,width:70,dataIndex:'',呈现器:function(){return'';}
但firebug说他看到这里的错误
Ext.fly(this.getRow(c))为null
。 如果我使用
延迟:200
。firebug中没有错误,但在列中看不到按钮


我做错了什么?

我找到了一个简单的方法

{
        xtype: 'actioncolumn',
        width: 50,
        items: [{
            icon   : url_servlet+'externals/gxp/src/theme/img/pencil.png', 
            tooltip: 'Button click',
            handler: function(grid, rowIndex, colIndex) {
                alert("DAMACIA!!!!!");
            }
        }]
}

我真的很想接受答案。但通常没有人回答我,或者我自己找到答案。真可悲。
{
        xtype: 'actioncolumn',
        width: 50,
        items: [{
            icon   : url_servlet+'externals/gxp/src/theme/img/pencil.png', 
            tooltip: 'Button click',
            handler: function(grid, rowIndex, colIndex) {
                alert("DAMACIA!!!!!");
            }
        }]
}