½Å²½ÇáÇá

getCmp( String id ) : Component

ͨ¹ýidµÃµ½Ò»¸öComponent¶ÔÏó
 

   <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 onclick="Hide();">Hidde</button>
        <button onclick="Show();">Show</button>
 

        <div id="hello-dialog">
        </div>