求教，如何在GridPanel的行中生成一个ext的button

Question

如何在GridPanel的每一行中生成ext的button,生成html的可以，ext的button如何做

var cm = new Ext.grid.ColumnModel([{
            header : '',
            dataIndex : 'RN',
            width : 20,
            align:'left',
                                 renderer:createButton
        }

]);

function createButton(){
return ""
}

Answer 1

增加列的渲染器 renderer :

[code="js"]{header: "按钮列", width: 70, dataIndex: '', renderer: function(){ return '

';}}[/code]

在grid上捕捉render渲染事件如下:
[code="js"]listeners: {
render: {
fn: function(grid){
var view = grid.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
}
}
[/code]
Note the delay parameter. When the grid fire render event, rows are not already draw. On IE7 it's OK, but I've a problem with Firefox 3 (see attachment).