EXT中xtype的含义分析

序言

根据我在论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。

定义

xtype就是一个代表类（Class）的标识名字。

譬如，你有这个类，名字是Ext.ux.MyGrid。正常情况下你需要用这个名字来实例化这个类（创建类的对象）。

除了类名外，你还可以这样登记类的xtype：
Ext.reg('mygrid', Ext.ux.MyGrid);

其中xtype 是 mygrid 而类名的一般形式是Ext.ux.MyGrid。上面的语句登记了新的xtype，换种说法说，xtype mygrid 与类 Ext.ux.MyGrid是连在一起的。

到底有什么好处？

试想一下，你手头上的是一个大型的项目，为了响应用户的操作，程序里面包含者大量的对象（windows、forms、grids）。用户点击图标或按钮，就会新建一个窗体，窗体里面又有grid，最终在屏幕上渲染出来。

嗯，我们回到Ext2.x之前的编码，那时候我们实例化所有对象是页面第一次加载后就进行的（程序代码第一次的运行）。在客户端内存中，Ext.ux.MyGrid类的对象已经存在，等待用户的点击。 同样是这个grid，假设你上百个的实例，...是多么浪费宝贵的资源啊！很多grid其实用户未必会点击让它出现。

延时实例化

如果你使用xtype，那么在内存中的仅仅是一个配置项对象，像：


代码如下:

{xtype:'mygrid", border:false, width:600, height:400, ...}

消耗没有复杂的实例对象来得大。

嗯，用户点击按钮或图标会怎么样呢？Ext会辨认出它是一个准备要渲染的grid但不立刻实例化，Ext在ComponentMgr的帮忙下明白这么一回事：“如果我要实例化xtype mygrid的对象，我就知道要创建的实际是类Ext.ux.MyGrid的对象”。即如下列代码：


代码如下:

create : function(config, defaultType){
return new types[config.xtype || defaultType](config);
}

等价于：
Java代码


代码如下:

return new Ext.ux.MyGrid(config);

然后实例化grid，进行渲染和显示。谨记：需要的时候才实例化。

赞 (0)

相关推荐

  • EXT中xtype的含义分析

    序言 根据我在论坛上的观察,xtype用起来的时候疑惑会比较多.甚至有些人根本忽略xtype,或者不清楚它是什么.所以我决定阐述一下这个xtype的概念. 定义 xtype就是一个代表类(Class)的标识名字. 譬如,你有这个类,名字是Ext.ux.MyGrid.正常情况下你需要用这个名字来实例化这个类(创建类的对象). 除了类名外,你还可以这样登记类的xtype: Ext.reg('mygrid', Ext.ux.MyGrid); 其中xtype 是 mygrid 而类名的一般形式是Ext.

  • java分布式面试CAP分别代表含义分析

    java分布式面试CAP分别代表含义分析

    目录 引言 1.面试官,说到CAP定理,那能详细说说CAP分别代表什么吗? 2.面试官:听起来很简单,这只是概念,但是具体是什么意思呢? 举例深入分析 总结 引言 上一节讲面试中被问到分布式系统概念相关的,讲完了分布式系统的概念,优点缺点和 RPC 后,我以为这个问题就到此结束了,没想到成功给自己挖了个坑(微笑脸),关于 CAP,以前只是听说过,并没有详细点整理过,这一次问好好整理了下. CAP 问题已经成了计算机科学中一个研究领域,之前说到分布式系统有哪些优势时讲到三个提升: 1. 系统可用性

  • C/C++的浮点数在内存中的存储方式分析及实例

    C/C++的浮点数在内存中的存储方式分析 任何数据在内存中都是以二进制的形式存储的,例如一个short型数据1156,其二进制表示形式为00000100 10000100.则在Intel CPU架构的系统中,存放方式为  10000100(低地址单元) 00000100(高地址单元),因为Intel CPU的架构是小端模式.但是对于浮点数在内存是如何存储的?目前所有的C/C++编译器都是采用IEEE所制定的标准浮点格式,即二进制科学表示法. 在二进制科学表示法中,S=M*2^N 主要由三部分构成

  • Java编程中ArrayList源码分析

    之前看过一句话,说的特别好.有人问阅读源码有什么用?学习别人实现某个功能的设计思路,提高自己的编程水平. 是的,大家都实现一个功能,不同的人有不同的设计思路,有的人用一万行代码,有的人用五千行.有的人代码运行需要的几十秒,有的人只需要的几秒..下面进入正题了. 本文的主要内容: · 详细注释了ArrayList的实现,基于JDK 1.8 . ·迭代器SubList部分未详细解释,会放到其他源码解读里面.此处重点关注ArrayList本身实现. ·没有采用标准的注释,并适当调整了代码的缩进以方便介

  • java中继承测试代码分析

    继承:可以基于已经存在的类构造一个新类.继承已经存在的类就可以复用这些类的方法和域.在此基础上,可以添加新的方法和域,从而扩充了类的功能. public class ExtendsStu { /*动物类:动物都可以动 * 1.Dog 2.Cat * 在java中,子类可以继承父类的属性和功能; * 继承关系的指定: 子类 extends 父类 * 不能被继承的资源: * 1.子类不能继承父类的构造方法,而且必须调用一个父类的构造器(因为生成子类对象的时候会初始化父类属性) * 2.私有的资源不能

  • java中object类实例分析

    问:什么是Object类? 答:Object类存储在java.lang包中,是所有java类(Object类除外)的终极父类.当然,数组也继承了Object类.然而,接口是不继承Object类的,Object类不作为接口的父类. 下面,我们就通过实例,对object进行分析 public class ObjectStu { /*Object类:java里所有类的父类,顶层的类 *equals:判断两个对象是否"相等"; *hashcode:返回一个对象的哈希码值,是一个整数 *因为之后

  • tf.concat中axis的含义与使用详解

    tensorflow中tf.concat的axis的使用我一直理解的比较模糊,这次做个笔记理下自己的思路. import tensorflow as tf tf.enable_eager_execution() import numpy as np 先生成两个矩阵m1, 和m2, 大小为两行三列 m1 = np.random.rand(2,3) # m1.shape (2,3) m1 >>array([[0.44529968, 0.42451167, 0.07463199], [0.35787

  • python中列表的含义及用法

    示例 列表是元素的集合,存储在一个变量中.列表中存储的元素类型没有限制,下面是列表的一个简单例子. students = ['bernice', 'arron', 'cody'] for student in students: print("Hello, " + student.title() + "!") 命名和定义列表 因为列表是对象的集合,所以给它们一个复数的名称是很好的做法.如果列表中的每一项都是一个 car, 就命名列表为 'cars'.这样给你了一种直

  • JS中作用域以及变量范围分析

    变量作用域 js作为一门脚本语言,他与c,java这些语言是不相同的. 全局变量 在js中声明全局变量,有下面几种方式: 1.在函数外通过var来声明. var test ="hello"; console.log(test); function a(){ test="xx"; console.log(test); } a(); console.log(test); 结果: hello xx xx 这种方式通过声明的变量在任何地方都可进行修改和使用. 2.在函数中隐

  • java中stringbuffer线程安全分析实例详解

    在对于一些类作用于线程时,安全系数高的线程更推荐大家使用,在尽可能的程度上降低程序出错的可能性.对于本篇所要提到的StringBuffer而言,在其缓冲区中有多个线程的存在,我们在查询其内部方法时发现了锁的存在.现在我们就StringBuffer线程.锁的应用.线程安全分析逐步带来介绍. 1.StringBuffer线程说明 Java.lang.StringBuffer线程安全的可变字符序列.一个类似于String的字符串缓冲区,但不能修改.虽然在任意时间点上它都包含某种特定的字符序列,但通过某

随机推荐