Ext panel 的title属性怎么动态改变显示

我做了一个tabpanel
我想改变他标签的显示文字，
比如原来标签是
标签1 标签2 标签3
当我点查询的时候 标签会根据得到数据的多少并显示 变成
标签1（30） 标签2（20） 标签3（40）

看下下面的例子：
[code="js"]
Ext.onReady(function() {
var tab = new Ext.TabPanel({
items:{
xtype:'panel',
title:'XXX',
html:'who am i '
}
});
tab.render(document.body);
tab.on('tabchange',function(t,p){
p.setTitle('OOO');
},this);
});
[/code]

加个id:xxx
然后Ext.fly(id).dom.innerHTML=''; :D