第十三讲：ExtJS常用工具类和函数(上)

以你之姓@ 2022-04-14 07:17 201阅读 0赞

常用工具类和函数。

1. Ext.onReady()

2. Ext.get()

get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象， Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element对象 上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。

3. Ext.select ()

select方法可以用来获得指定标签的DOM对象，其返回值是一个Ext.CompositeElement对象。

4. Ext.query ()

query方法和select方法非常类似，不同的是，它返回的是一个数组，它是Ext.DomQuery.select()的简写方式。

5.Ext.getCmp()

getCmp方法用来获得一个Ext组件，也就是一个已经在页面中初始化了的Component或其子类的对象，getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。getCmp方法中只有一个参数，也就是组件的id。

<table style="width:426.1pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:426.1pt;"> Ext.onReady(function(){ &nbsp; var&nbsp;myPanel = new&nbsp;Ext.Panel({ id:"myPanel", renderTo:"showPanel", Html:"Hello,EveryOne!", title:" " }); &nbsp; Ext.getCmp("myPanel").setWidth(800); Ext.getCmp("myPanel").setHeight(300); Ext.getCmp("myPanel").setTitle("标题"); }); </td> 
 </tr> 
 </tbody> 
</table>

6. Ext.getDom()

getDom方法能够得到文档中的DOM节点，该方法中包含一个参数，该参数可以是DOM节点的id、DOM节点对象或DOM节点对应的Ext元素(Element)等。

7.Ext. getBody()

方法直接得到文档中与document.body这个DOM节点对应的ExtJS元素（Element），实质就是把document.body对象封装成ExtJS元素对象返回，该方法不带任何参数。

8.Ext. getDoc()

getDoc方法实质上就是把当前html文档对象，也就是把document对象封装成ExtJS的Element对象返回，该方法不带任何参数。

9. Ext.isEmpty()

判断对象是否为空，当判断字符串时如果第二个参数不不同时结果也会不同，第二个参数表示'是否允许字符串为空'。

<table style="width:426.1pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:426.1pt;"> Ext.onReady(function(){ var&nbsp;panel = new&nbsp;Ext.Panel({ renderTo:Ext.getBody(), id:"panel", title:"panel" }); &nbsp; var&nbsp;hi = null; &nbsp; alert(Ext.isEmpty(hi)); }); </td> 
 </tr> 
 </tbody> 
</table>

<table style="width:426.1pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:426.1pt;"> Ext.onReady(function(){ var&nbsp;str = "123"; var&nbsp;str2&nbsp;= ""; var&nbsp;str3 = null; &nbsp; alert(Ext.isEmpty(str,true)); //允许为空 alert(Ext.isEmpty(str2,true)); //允许为空 alert(Ext.isEmpty(str3,true)); //允许为空 &nbsp; alert(Ext.isEmpty(str,false)); //不允许为空 alert(Ext.isEmpty(str2,false)); //不允许为空 alert(Ext.isEmpty(str3,true)); //不允许为空 }); </td> 
 </tr> 
 </tbody> 
</table>

10.Ext.each()方法。

遍历数组。