extjs 的ext.getCmp 得到组件 或hide or show

<script type="text/javascript">

 

function InitDialog() {

// 生名组件

new Ext.Panel({

renderTo:"hello-dialog",

id:"hello-dialog",

title:"面板头部header",

width:300,

height:200,

html:'<h1>面板主区域</h1>',

tbar:[{text:'顶部工具栏topToolbar'}],

bbar:[{text:'底部工具栏bottomToolbar'}],

buttons:[{text:"按钮位于footer"}]

});

 

 

}

function Show() {

var dialog = Ext.getCmp("hello-dialog"); // 根据ID获取组件

dialog.show(); // 得到组件后,就可以对他想干什么就干什么了

}

function Hide() {

var dialog = Ext.getCmp("hello-dialog");

dialog.hide();

}

Ext.onReady(InitDialog);

</script>

<button οnclick="Hide();">Hidde</button>

<button οnclick="Show();">Show</button>

 

<div id="hello-dialog">

</div>