extjs中的tabpanel问题

Question

请问下各位大侠，extjs中怎么动态改变tabpanel中html这个属性的文本，也就是tabpanel的内容 。比如
var tabPanel = new Ext.TabPanel({
frame:true,
//renderTo:'sys',
width:500,
region:'north',
height:200,
activeTab:0,
items:[{
title:'第一个tab',
html:'aaa'
},{
title:'第二个tab',
html:'bbb'
},{
title:'第三个tab', 
html:'ccc'
}]
}); html属性即为tabpanel的内容，那怎么在触发某个事件时改变它的内容。有谁知道的请指教，在线等，小女子谢了！

Answer 1

var tabPanel = new Ext.TabPanel({
frame:true,
renderTo:'sys',
width:500,
region:'north',
height:200,
activeTab:0,
   bbar:[  
             {  
                 text:'修改1',  
                 handler:function(){  
                     var myMsg="修改1修改1修改1修改1修改1";
                     var first = Ext.getCmp('first');  
                     first.body.dom.innerHTML=myMsg;  
                 }  
             },  
             {  
                 text:'修改2',  
                 handler:function(){  
                    var myMsg="修改2修改2修改2修改2修改2修改2"; 
                     var second = Ext.getCmp('second');  
                    second.body.dom.innerHTML=myMsg;  
                 }  
             } ,
              {  
                 text:'修改3',  
                 handler:function(){  
                    var myMsg="修改3修改3修改3修改3修改3修改3";
                     var third = Ext.getCmp('third');   
                    third.body.dom.innerHTML=myMsg;  
                 }  
             } 
         ]  ,
     
items:[{
id : 'first',
title:'第一个tab',
html:'aaa'
},{
id : 'second',
title:'第二个tab',
html:'bbb'
},{
id : 'third',
title:'第三个tab', 
html:'ccc'
}]
});  

Answer 2

你试试继续在里面加入你希望的items，我记得貌似是这样的，好久不用了

Answer 3

但我这儿并不需要上面的bbar这个工具栏。其实是一个gridpanel和tabpanel联动的需求。

Answer 4

好像不行啊，tabpanel的html属性值好像不能被修改啊？我在这儿借用了Template。

Answer 5

var tl = new Ext.Template('要展示的html代码');
tl.compile();
tl.overwrite(tabpanel.body,{要替换的值 || null});
用Template可以实现这个效果，不过就是麻烦点儿。
谢谢liuzuowei007和msh1216，(*^__^*) 嘻嘻……