Extjs 如何实现更新panel 中的tbar

Question

[code="java"]var panel = new Ext.Panel({
title:'toolbar-changebar',
renderTo:Ext.getBody(),
tbar:[{
text:'btn1',
handler:function (){
alert("btn1");
}
},{
text:'btn2',
handler:function (){
changeBar ();
}
}]
});

function changeBar (){
    var t=[{text:'abc'},{text:'aab'}];
    var tbItem = panel.tbar;
    panel.remove(panel.getTopToolbar().get(1));
    panel.getTopToolbar().add(t);       
    panel.doLayout();       
}[/code]

想要实现按btn2按钮时,将btn1,btn2去掉,更新为新的tbar ,t

Answer 1

[code="java"]
var panel = new Ext.Panel({
title:'toolbar-changebar',
renderTo:Ext.getBody(),
tbar:[{
text:'btn1',
handler:function (){
alert("btn1");
}
},{
text:'btn2',
handler:function (){
changeBar ();
}
}]
});

function changeBar (){
    var t=[{text:'abc'},{text:'aab'}];
    var tbItem = panel.getTopToolbar();
    tbItem.removeAll();
        tbItem.add(t);  
    panel.doLayout();       
}

[/code]