`

Ext 的 get() & fly()

EXT 
阅读更多
Ext 的 get() & fly()

------
get():
      根据 dom的id 或 HTMLElement对象 获得 Element 对象,
      get() 每次都创建新的 Element,
      对1个dom 操作 2次 get() ,将获得不同的 Element 对象,
      比较占用内存,但是 Element 本身 不相互影响,

------
fly():
      根据 dom的id 或 HTMLElement对象 获得 Element 对象,
      fly() 共享 Element,
      对同1个 id 的 dom,执行2次 fly() 获取同1个 Element 对象,
      比较节省内存,但是 Element 是被共享,可能在其它使用 fly() 的地方 被修改,

------
选择
      如果仅执行1次简单的操作则可以使用 fly(),
      如果要对获取的 Element 进行复杂的操作,且可能多次 Element,则使用 get() 可以避免 Element 之间的干扰,

------
分享到:
评论
1 楼 lijunlong 2011-03-04  

相关推荐

    Ext.get与Ext.fly的区别

    ### Ext.get与Ext.fly的区别 在Ext JS框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们主要用于操作DOM元素。理解这两个方法之间的区别以及如何使用它们对于开发高质量、高效率的应用程序至关重要。 #### ...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....

    Ext JS高级程序设计

    通常有两种方法用于创建Ext.Element实例:`Ext.get` 和 `Ext.fly` 方法。其中: - **`Ext.get`**:该方法用于获取一个特定的DOM节点并将其封装为Ext.Element实例。通过这种方式创建的对象不会被其他地方的引用所...

    ext初级入门

    例如,`Ext.getDom('elId')`用于通过ID查找DOM节点,而`Ext.getDom(elDom)`则用于通过现有DOM节点查找DOM节点。 接下来,我们讨论EXT中的一些CSS元素操作: 4. **addClass**:使用`Ext.fly('elId').addClass('...

    EXTJS总结.txt

    1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design ...

    EXT核心API详解(第一部分)

    `Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...

    Ext Js权威指南(.zip.001

    6.2.3 使用ext.fly获取元素 / 256 6.2.4 使用ext.getdom获取元素 / 257 6.2.5 获取元素的总结 / 258 6.3 元素生成器:ext.dom.helper / 258 6.3.1 概述 / 258 6.3.2 使用createhtml或markup方法生成html代码 /...

    3------通过实例学习------Ext.js------.pdf

    `Ext.fly`是另一个与`Ext.get`相似但略有不同的方法,它主要用于一次性操作DOM元素,可以减少内存消耗,适用于只需要执行一次操作的情况。 学习Ext.js不仅是学习其API和组件,更重要的是理解其背后的MVC(Model-...

    Ext Core手册 繁体体中文pdf版.7z

    例如,`Ext.get()`方法用于获取DOM元素,`Ext.fly()`则允许快速访问并执行一次操作,而无需创建DOM选择器对象。此外,还有用于添加和删除类名、设置样式属性以及处理事件的方法。 **三、事件处理** Ext Core 提供了...

    EXT核心API详解.doc

    10. `fly`: 创建一个全局共享的浮动元素,可以指定名称以避免冲突。这个方法常用于快速操作单个DOM元素,而无需创建完整的Element实例。 11. `get`: 获取一个Element对象,接受DOM元素ID、DOM节点或已存在的Element...

    EXT核心API详解

    var el = Ext.fly('some-element', 'named'); // 获取带有ID "some-element" 的浮动元素 ``` ##### 11. `get(Mixed el):Element` - **功能**:获取一个Element对象。 - **参数**: - `el`:可以是ID、DOM节点或...

    3------通过实例学习------Ext.js------.docx

    `Ext.fly`函数类似,但它的设计目的是快速执行一次性的DOM操作,而不需要保留对元素的引用,适合一次性操作的场景。 在Ext.js中,DOM操作是非常重要的部分。`Ext.get`和`Ext.getBody`是两个常用的DOM访问方法,前者...

    ExtJS对Ajax的支持

    `Ext.Ajax.request`方法是Ext.Ajax中最常用的功能,它允许开发者以配置参数的形式发送异步请求。这种方法简化了Ajax请求的过程,开发者只需提供请求URL、请求类型(默认为GET)、请求参数、回调函数等信息即可发起...

    Ext js2.1 最新资料汇总

    ### Ext JS 2.1 核心 API 详解 #### 1. `addBehaviors(Object obj):void` 此方法用于向指定的 DOM 元素添加事件监听器。它接受一个对象作为参数,其中键为事件选择器(selector),值为对应的事件处理函数。 **...

    EXT核心API详解.pdf

    - **`fly`**:创建一个全局共享的浮动元素。如果有多个浮动元素,可以通过命名来避免冲突。 - **`get`**:根据ID或DOM节点获取一个`Element`对象。 - **`getBody`**:获取文档的`body`元素。 - **`getCmp`**:...

    extjs 学习笔记(二) Ext.Element类

    本篇学习笔记将深入探讨`Ext.Element`类,包括`Ext.fly`和`Ext.get`的区别以及如何使用`Ext.Element`进行各种DOM操作。 首先,`Ext.fly` 和 `Ext.get` 都是用来获取`Ext.Element`对象的方法,但它们之间存在一些...

Global site tag (gtag.js) - Google Analytics