Extjs 如何实现更新panel 中的tbar

[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

[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]

[code="java"]上面错了点应该是 tbItem.doLayout(); [/code]

[code="java"]var panel = new Ext.Panel({

title:'toolbar-changebar',

renderTo:Ext.getBody(),

tbar:[{

text:'btn1',
id:"btn1",
handler:function (){

alert("btn1");

}

},{

text:'btn2',

handler:function (){

changeBar ();

}

}]

});

function changeBar (){   
    var t=[{text:'abc'},{text:'aab'}];   
    var tbItem = panel.getTopToolbar();   
    tbItem.remove("btn1",true);//第1个参数删除组件的id,
     //第2个参数 设置为true将自动调用被删组件的Ext.Component.destroy 函数
    tbItem.add(t);          
    tbItem.doLayout();           
}  [/code]