`

extjs中element属性节点获取

 
阅读更多

Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。 get方法中只有一个参数,这个参数是混合参数,可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。 代码:
[align=left;]aaa[/align]
Ext.onReady(function(){ var e=new Ext.Element("EXTJS"); alert(Ext.get("EXTJS")); alert(Ext.get(document.getElementById("EXTJS"))); alert(Ext.get(e)); }); 三个方法都可以得到一个与DOM节点 EXTJS对应的Ext元素。 2、getCmp方法-获得Ext组件。 getCmp方法用来获得一个Ext组件,也就是一个已经在页面中初始化了的Component或其子类的对象,getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。getCmp方法中只有一个参数,也就是组件的id。 代码:
[align=left;]aaa[/align]
Ext.onReady(function(){ var h=new Ext.Panel({ id:"h2", title:"", renderTo:"EXTJS", width:300, height:200 }); Ext.getCmp("h2").setTitle("新的标题"); });在代码中,我们使用Ext.getCmp("h2").来得到id为h2的组件,并调用其setTitle方法来设置该面板的标题。 3、getDom方法-获得DOM节点 getDom方法能够得到文档中的DOM节点,该方法中包含一个参数,该参数可以是DOM节点的id、DOM节点对象或DOM节点对应的Ext元素(Element)等。 代码:
[align=left;]tttt[/align]
Ext.onReady(function(){ var e=new Ext.Element("EXTJS"); Ext.getDom("EXTJS"); Ext.getDom(e); Ext.getDom(e.dom); });三个语句返回都是同一个DOM节点对象。 4、getBody方法-得到文档的body节点元素(Element)。 该方法直接得到文档中与document.body这个DOM节点对应的ExtJS元素(Element),实质就是把document.body对象封装成ExtJS元素对象返回,该方法不带任何参数。比如下面的代码把面板h直接渲染到文档的body元素中。 Ext.onReady(function(){ var h=new Ext.Panel({title:"测试",width:300,height:200}); h.render(Ext.getBody()); }); 5、getDoc方法-获得与document对应的Ext元素(Element) getDoc方法实质上就是得到当前html文档对象,也就是把document对象封装成ExtJS的Element对象返回,该方法不带任何参数,即: getDoc = function(){ return Ext.get(document); }

 

分享到:
评论

相关推荐

    ExtJS中文手册.pdf

    - **获取节点**:ExtJS提供了获取DOM节点的方法,例如`Ext.get()`函数,可以获取单个或多个节点。 - **选择器语法**:支持CSS选择器语法,使得获取DOM元素变得更加灵活和高效。 #### 5. 响应事件 - **事件绑定**:...

    extjs官方中文教程

    Element是EXTJS中的核心概念,它封装了JavaScript的DOM元素,提供了丰富的操作方法,如尺寸调整、样式修改、事件监听等。通过Element,开发者可以更便捷地进行DOM操作,实现动态效果和交互。 获取多个DOM的节点: ...

    extjs4-教程

    它返回的是一个Element对象,可以通过Element.dom属性获取DOM节点。 - **Ext.select**:使用选择器获取页面元素,返回的是一个***positeElement对象,允许对所包含的节点进行遍历和操作。 #### 5. 事件响应 ExtJS4...

    ExtJs4.0中文教程

    在ExtJS中,获取页面元素通常是通过`Ext.get`方法完成的,它根据ID返回一个Element对象,你可以通过这个对象访问和操作DOM节点。此外,如果你需要根据某些选择器获取多个元素,可以使用ExtJS的选择器系统,类似于CSS...

    ExtJS 3.2的中文参考手册

    - **核心概念**: `Element` 是ExtJS中最基础的对象之一,它提供了对DOM元素的操作能力,如获取、设置样式等。 - **获取DOM节点**: 使用 `Ext.get()` 方法可以获取DOM节点,例如:`var el = Ext.get('someId');`。 ...

    extjs 4学习

    Ext.Element是EXTJS中对DOM元素的封装,提供了丰富的API来操作样式、布局和事件。Component则是EXTJS的高级组件,它包含了Element的功能,并且可以包含其他组件,具有更复杂的布局和行为。 在EXTJS 4中,Grid是一种...

    轻松搞定Extjs

    - **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...

    ExtJS帮助文档

    通过这种方式,可以一次性获取多个DOM节点,并将它们存储在一个数组中以便后续操作。 ##### 响应事件 ExtJS提供了强大的事件处理机制。通过绑定事件监听器,可以轻松实现对用户交互的响应。例如,为按钮绑定点击...

    ExtJS中文手册

    - **概念**: Element是ExtJS中最基础的对象,几乎所有的DOM操作都是通过Element进行的。 - **功能**: - 获取DOM节点 - 操作DOM元素样式和属性 - 触发和监听DOM事件 #### 四、获取多个DOM节点 - **方法**: 使用...

    ExtJS快速入门指南.pdf

    Ext类中的get方法简介部分则介绍了一个非常重要的API方法,即Ext.get(),它用于获取页面上的DOM元素,并返回Ext Element对象,这个对象提供了丰富的操作和控制方法。 最后,如何学习及掌握Ext部分给出了学习ExtJS...

    Extjs4 学习指南

    Ext.get方法允许你根据ID获取DOM元素,返回的是一个Element对象,你可以通过Element.dom属性直接操作底层DOM节点。对于需要获取多个具有相同特征但ID不同的元素,你可以利用选择器,如Ext.select()方法,这类似于...

    Extjs学习笔记有用

    `Ext.get` 是 ExtJS 中获取页面元素的重要方法,它是 `Ext.Element.get` 的别名。此方法接受一个参数,可以是元素的ID、DOM节点或者已经存在的 `Ext.Element` 对象。它返回一个 `Ext.Element` 对象,这个对象提供了...

    ExtJs4.0学习指南(中文)

    `Element.dom`属性可以直接访问底层的DOM节点,而`Ext.get`返回的是一个封装了DOM节点的Element对象。如果需要根据选择器获取多个元素或有特定特征的元素,可以使用选择器,如获取页面上所有`<p>`标签。 6. **学习...

Global site tag (gtag.js) - Google Analytics