<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的漫漫程序之旅

    專注于JavaWeb開發(fā)
    隨筆 - 39, 文章 - 310, 評(píng)論 - 411, 引用 - 0
    數(shù)據(jù)加載中……

    Ext中常用的獲取元素(get)的方法及區(qū)別

    Ext中有幾個(gè)以get開頭的方法,這些方法可以用來(lái)得到文檔中DOM、得到當(dāng)前文檔中的組件、得到Ext元素等,在使用中要注意區(qū)別使用。
    1、get方法
    get方法用來(lái)得到一個(gè)Ext元素,也就是類型為Ext.Element的對(duì)象,Ext.Element類是Ext對(duì)DOM的封裝,代表DOM的元素,可以為每一個(gè)DOM創(chuàng)建一個(gè)對(duì)應(yīng)的Element對(duì)象,可以通過Element對(duì)象上的方法來(lái)實(shí)現(xiàn)對(duì)DOM指定的操作,比如用hide方法可以隱藏元素、initDD方法可以讓指定的DOM具有拖放特性等。get方法其實(shí)是Ext.Element.get的簡(jiǎn)寫形式。
    get方法中只有一個(gè)參數(shù),這個(gè)參數(shù)是混合參數(shù),可以是DOM節(jié)點(diǎn)的id、也可以是一個(gè)Element、或者是一個(gè)DOM節(jié)點(diǎn)對(duì)象等。看下面的示例代碼:


     

    Ext.onReady(function(){  
      
      var e=new Ext.Element("hello");  
      
      alert(Ext.get("hello"));  
      
      alert(Ext.get(document.getElementById("hello")));  
      
      alert(Ext.get(e));  
      
    });  
      
      //Html頁(yè)面中包含一個(gè)id為hello的div,代碼如下:  
      
      
    <div id="hello">aaa</div> 

    Ext.get("hello")、Ext.get(document.getElementById("hello"))、Ext.get(e)等三個(gè)方法都可以得到一個(gè)與DOM節(jié)點(diǎn)hello對(duì)應(yīng)的Ext元素。

    2、getCmp方法用來(lái)獲得Ext組件。
    getCmp方法用來(lái)獲得一個(gè)Ext組件,也就是一個(gè)已經(jīng)在頁(yè)面中初始化了的Component或其子類的對(duì)象,getCmp方法其實(shí)是Ext.ComponentMgr.get方法的簡(jiǎn)寫形式。getCmp方法中只有一個(gè)參數(shù),也就是組件的id。看下面的代碼:

    Ext.onReady(function(){  
      
    var h=new Ext.Panel({  

    id:"h2",  

    title:" ",  
      
    renderTo:"hello",  

    width:300,  
      
    height:200});  
      
    Ext.getCmp("h2").setTitle("新的標(biāo)題");  
      
    });  

    我們使用Ext.getCmp("h2").來(lái)得到id為h2的組件,并調(diào)用其setTitle方法來(lái)設(shè)置該面板的標(biāo)題

    3、getDom方法-獲得DOM節(jié)點(diǎn)
    getDom方法能夠得到文檔中的DOM節(jié)點(diǎn),該方法中包含一個(gè)參數(shù),該參數(shù)可以是DOM節(jié)點(diǎn)的id、DOM節(jié)點(diǎn)對(duì)象或DOM節(jié)點(diǎn)對(duì)應(yīng)的Ext元素(Element)等。比如下面的代碼:

     

    Ext.onReady(function(){  
      
    var e=new Ext.Element("hello");  
      
    Ext.getDom("hello");  
      
    Ext.getDom(e);  
      
    Ext.getDom(e.dom);  
      
    });  
      
    //Html:  代碼
      
      
    <div id="hello">tttt</div>

    在上面的代碼中,Ext.getDom("hello")、Ext.getDom(e)、Ext.getDom(e.dom)等三個(gè)語(yǔ)句返回都是同一個(gè)DOM節(jié)點(diǎn)對(duì)象。

    4、getBody方法-得到文檔的body節(jié)點(diǎn)元素(Element)。
    該方法直接得到文檔中與document.body這個(gè)DOM節(jié)點(diǎn)對(duì)應(yīng)的ExtJS元素(Element),實(shí)質(zhì)就是把document.body對(duì)象封裝成ExtJS元素對(duì)象返回,該方法不帶任何參數(shù)。比如下面的代碼把面板h直接渲染到文檔的body元素中。

    Ext.onReady(function(){  

    var h=new Ext.Panel({title:"測(cè)試",width:300,height:200});  

    h.render(Ext.getBody());  
      
    });  


    5、getDoc方法-獲得與document對(duì)應(yīng)的Ext元素(Element)
    getDoc方法實(shí)質(zhì)上就是把當(dāng)前html文檔對(duì)象,也就是把document對(duì)象封裝成ExtJS的Element對(duì)象返回,該方法不帶任何參數(shù)。

    posted on 2008-09-23 13:50 々上善若水々 閱讀(4820) 評(píng)論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 国内精品久久久久久久亚洲| 日韩免费人妻AV无码专区蜜桃| 国产a不卡片精品免费观看| 亚洲码和欧洲码一码二码三码| 毛片免费观看网址| 污网站在线免费观看| 久久亚洲综合色一区二区三区| 亚洲黄色免费网站| 亚洲理论精品午夜电影| 成人免费视频一区二区| 91九色精品国产免费| 亚洲Av综合色区无码专区桃色 | 国产三级免费观看| 免费无码一区二区三区蜜桃| 亚洲精品福利网泷泽萝拉| 亚洲宅男天堂在线观看无病毒| 国产又粗又长又硬免费视频| 无码国产精品一区二区免费I6| 99视频在线免费看| 国产高清不卡免费视频| a毛片全部播放免费视频完整18| aa毛片免费全部播放完整| 一级做a爱过程免费视| 国产亚洲精品美女久久久久| 亚洲AV性色在线观看| 亚洲精品无码专区在线| 亚洲日韩亚洲另类激情文学| 亚洲激情视频图片| 中日韩亚洲人成无码网站| 亚洲av无码一区二区三区观看| 亚洲黄色在线网站| 久久久久亚洲AV无码永不| 亚洲成AV人片一区二区密柚| 久久精品九九亚洲精品天堂| 国产L精品国产亚洲区久久| 精品亚洲一区二区三区在线播放 | 激情内射亚洲一区二区三区爱妻| 亚洲精彩视频在线观看| 亚洲国产成人无码av在线播放| 亚洲欧洲日本天天堂在线观看| 亚洲无圣光一区二区|