Extjs 4中,为类型系统引入了Config概念,Config就是配置项的意思,用{configItem1:value1...}表示,在对象构造的时候,会调用this.initConfig(config)将配置项初始化,每个配置项自动生成4个函数:get set reset apply。
Mixins也是新概念,相当于调用Ext.apply(this,other)将other类中的方法合并到当前的类中,也相当于另一种形式的继承。
下面用代码测试一下,使用了Siesta测试框架,有兴趣可以google一下,很强大的测试系统。
引自:http://kldn.iteye.com/blog/1386622
Mixins也是新概念,相当于调用Ext.apply(this,other)将other类中的方法合并到当前的类中,也相当于另一种形式的继承。
下面用代码测试一下,使用了Siesta测试框架,有兴趣可以google一下,很强大的测试系统。
StartTest(function(t) { t.diag("Extjs common test"); t.ok(Ext,"Ext is here"); Ext.define("test.Talk", { talk:function() { return 'talk' } } ); Ext.define("test.Person", { mixins: { everyOneNeedTalk:"test.Talk" } }); var p = Ext.create("test.Person"); t.is('talk',p.talk(),'The method is mixin') Ext.define("test.Student",{ config:{ gender:'boy' }, constructor:function(config){ this.initConfig(config); //这里需要调用initConfig,否则不会自动生成getter 和 setter } }); var s = Ext.create('test.Student') t.is(s.getGender(),'boy','generate getter') s.setGender('girl'); t.is(s.getGender(),'girl','generate setter') t.done(); // Optional, marks the correct exit point from the test });
引自:http://kldn.iteye.com/blog/1386622
发表评论
-
jquery方法扩展使用
2014-12-02 19:28 757//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值,jqery设置select值
2014-10-15 21:26 1119每一次操作select的时候,总是要出来翻一下资料,不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 798--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1072function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2302<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3025在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1460CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 52864freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17574FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2625以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2694?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 24831.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 17981.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1386//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1176jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1409jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2065<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 136041. freemarker获取list的size : ... -
js回调函数
2014-03-04 11:40 1053回调函数(Callback Functions ... -
extjs4.0 Ext.Array 函数方法详解
2014-03-04 10:34 1145Ext.onReady(function(){ ...
相关推荐
在ExtJS4中使用mixins来实现多继承,下面有个不错的示例,感兴趣的朋友可以参考下
EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS4自学手册——EXT对象选择 二 Extjs 数据组件 EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件...
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) EXTJS4.1文件夹下面包括 1.只有年月选择--dateYM.html ...
extjs资料extjs资料extjs资料extjs资料extjs资料
1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可 3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发...
这里是我搜集的ExtJs2.0和3.0的中文的API以及中英文参照的中文CHM 如果,下载之后有什么问题,可以留言.
ExtJS 配置和表格控件使用 关于extjs中的GRIDView配置详细操作过程进行描述
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
从网上资料来看,多数都是停留在ExtJs3,而4+以上版本跟3有比较大的差异,增加了过度难度,这些实例和源代码有利于从3迁移到4的,从而更好的跟5衔接。">ExtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3....
里面包含Extjs 2.2和Extjs 3.2.1版本两个文件
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
Extjs和数据库交互,增删改查Extjs和数据库交互,增删改查(修改测试通过)
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extjs电子书,extjs电子书,extjs电子书,extjs电子书
extjs框架、实例。从入门到深入的全部例子
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
(如jquery和prototype)的适配器,ExtJS是可以做 到动态切换底层库的,关键就在这里了。 • air包含了ExtJS以air进行改进的代码库,还有以该 代码库实现的任务管理实例。 • build目录是ExtJS压缩后的代码,经过...
包含各种类型的extjs小图标,Extjs4小图标