Ext.Panel里的内容动态的添加和删除

有一个panel,可能是这样:
[code="js"]

var panel = new Ext.Panel({
layout:'column', defaults:{columnWidth: '.5'}
,items:[
new Ext.Panel({items:[{xtype:'radio', boxLabel:'1'}, {xtype:'radio', boxLabel: '2'}]})
,new Ext.Panel({html: 'aaa'})
]
});

[/code]

左右结构, 左边是两个radio.

我期望,点击一个radio. 刷新右边的panel.

这是一个很典型的局部刷新的功能.

[color=red]在点击事件中, 怎么让panel只刷新右边部分呢?[/color]

找到右边的panel－ var rightPanel = panel.items.itemAt(1);
然后你想对这个panel做什么就做什么了。