Ext.get和Ext.fly的区别

在Extjs的官方文档中,Ext.get()和Ext.fly()的方法的声明如下:

get( String/HTMLElement/Ext.Element el ) : Ext.dom.Element

fly( String/HTMLElement dom, [String named] ) : Ext.dom.AbstractElement.Fly

这两个方法的区别:

1.Ext.get()使用理论缓存的机制,如果你需要频繁的操作一个dom节点的话,就使用这个方法

而Ext.fly()使用的是享元模式;

2.Ext.get()

一下代码只有d3改变了页面中div中的html,而d2没有改变;而使用Ext.get()方法则两个都会改变

var d2 = Ext.fly("d2");

var d3 = Ext.fly("d3");

d2.dom.innerHTML = "AAA";

d3.dom.innerHTML = "AAA";

不管使用哪个方法,用d2.setHTML()和d3.setHTML()的形式则两个都可以修改html的内容。

Ext.get和Ext.fly的区别

时间: 2024-10-24 20:41:25

Ext.get和Ext.fly的区别的相关文章

ExtJS4 Ext.onReady、Ext.define、Ext.create的区别与联系 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html

1.Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行. 2.Ext.define 说明:创建类,可以继承其他类,也可以被继承. 例子1: <script type="text/javascript"> Ext.onReady(function () { //创建一个类,类名:TextClass,具有两个属性:A.B Ext.define('TextClass', { A: 'a', B: 'b' }); //实例化类 var textClas

Ext JS学习第十三天 Ext基础之 Ext.Element

•Ext.Element提供了181个方法,嗯,还没完,只是在4.1版本中是这样,最新的4.2版本貌似又增加了新方法,可谓是相当丰富给力.那么根据操作类型基本可以分为查询系.DOM操作系.样式操作系.对齐.尺寸.定位.拖放.滚动.键盘.动画系等方法供开发人员使用.由于API是英文版本,我特意花了一个下午时间把他们整理了出来,共同学们参考使用!! ----------------------------------------------------------------------------

Ext JS学习第十五天 Ext基础之 Ext.DomQuery

此文同来记录学习笔记 •Ext.dom.Query 嗯,这个类一看就是到时做什么事儿的,不用我去过多的解释了.这个类一共提供了8个方法供开发人员去使用. •要说最常用的方法,无非就是Ext.query这个方法,之前我们已经简单接触过了这个方法,下面是此方法的详细使用规则: –基本元素选择器 id选择器 css的类选择器 标签选择器(简单选择器) –属性选择器 –伪类选择器(也可以说是相当于JQ过滤选择器) •Ext.query基本使用形式: –Ext.query('span')     返回整个

ExtJS4教程—-Ext.onReady、Ext.define、Ext.create基础方法(转)

Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行 例子: <html> <head> <title>Index</title> <link href="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="te

Extjs-工具条和菜单 Ext.menu和Ext.Toolbar

转载自:http://blog.csdn.net/itlwc/article/details/7878002 1.创建一个简单工具条效果图 [javascript] view plaincopy <script type="text/javascript" defer> Ext.onReady(function(){ // 创建带三个按钮的工具条 var tb = new Ext.Toolbar({ width : 300, items : [{ text: '新建' },

Ext.encode 与 Ext.decode .

Ext.encode( Mixed o ) : String: json对象转换json字符串 Ext.decode( String json ) : Object: json字符串转换json对象 实例 Html代码   <body> <form id="form1" runat="server"> <div> <script type="text/javascript"> function re

打印程序javascript笔记 Ext.decode和Ext.encode

先使用decode方法,这个方法是将json字符串转换成对象的                //第一步:先定义一个json字符串吧        var 刘天王 = "{姓名:'刘德华',性别:'男',老家:'香港'}";                //第二步:现在我们要把刘天王转换成对象了        var who = Ext.decode(刘天王);                //第三步:who成了对象后就相当于是类的对象了,里面的姓名,性别,老家都成了who的属性了

Ext文本输入框:Ext.form.TextField属性汇总(转) (

本章介绍Ext.form.TextField组件的基本用法: <form id="form1" runat="server">    <div>    <div id="Bind_TextField"></div>    <br />    <div id="Bind_Button"></div>    <script type=&quo

Ext.define override和extend的区别

extend:继承组件,创建新组建. override:改写组件 Ext.define('Ext.some.DerivedClass', { method: function () { console.log('Bad'); }}); Ext.define('App.paches.DerivedClass', { override: 'Ext.some.DerivedClass', method: function () { console.log('Fixed'); this.callSupe