ExtJS学习1——Ext.Element

Ext中最基本的元素是Ext.Element（但并非指在Ext类结构中处于最上层），它是构成Ext组件的元素，介乎于纯dom和Component之间，它是在标准HTML元素上进行的高级封装，可以在上面添加如事件侦听器，对DOM操作，对CSS操作等内容。

一般情况下，我们获得一个dom对象使用的是getElementById或getElementByName等方法，而如果要得到HTML元素对应的Ext.Element对象，其方法是Ext.get()或Ext.fly()，其参数可以是dom的id、html元素或已经存在的Element对象。Ext.get()，是Ext.Element.get方法的缩写，它是一个静态方法；Ext.fly()，是Ext.Element.fly方法的缩写。其中后者不会缓存任何元素。

如果要修改Element对象的内容，可以通过Element.dom来得到其对应的dom对象。

• Ext.getCmp()，是Ext.ComponentMgr.get方法的缩写，它返回的是一个元素，其传入值是component的id。
• Ext.getBody()，获得document.body对应的Ext元素。
• Ext.getDoc()，得到document对应的Ext元素。
• Ext.getDom()，根据dom的id，dom的节点或Ext元素得到其Dom对象。

对于Ext的元素对象，我们有多种方法来操作它，如：

• show，hide，setVisibility，setVisible，setOpacity方法，用于显示/隐藏元素；
• update（通过异步机制更新该元素的innerHTML），load方法（通过Ext.updater.update方法调用服务器内容，这是调用Ajax数据最简单的方法），用于更新元素的内容；
• highlight，frame方法，即元素的特效显示方法；
• addListener，on两个方法，为元素添加事件处理函数。

Related Items