EXT学习之路-展示和隐藏面板

EXT学习之路----显示和隐藏面板
function createPanel()
{
    var panel = new Ext.Panel({
        id : 'winPanel',
        title:'渲染窗口面板',
        width:400, 
        height:400,
        renderTo:'panelDiv',//renderTo是将目标元素作为新组件的容器
        //applyTo:'panelDiv', //applyTo是在目标元素之后追加组件
        html:'<span>this is a panel</span>'
    });
    //panel.render("panelDiv"); //渲染ID为panelDiv的容器
}

function showPanel()
{
    var panel = Ext.ComponentMgr.get('winPanel');
    panel.show();
}
function hiddenPanel()
{
     var panel = Ext.getCmp('winPanel');//Ext.ComponentMgr.get('winPanel')的缩写
     panel.hide()
}