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 789//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值,jqery设置select值
2014-10-15 21:26 1154每一次操作select的时候,总是要出来翻一下资料,不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 837--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1127function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2364<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3066在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1509CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 53021freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17685FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2676以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2736?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 25191.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 18551.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1421//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1215jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1445jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2110<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 137211. freemarker获取list的size : ... -
js回调函数
2014-03-04 11:40 1095回调函数(Callback Functions ... -
extjs4.0 Ext.Array 函数方法详解
2014-03-04 10:34 1177Ext.onReady(function(){ ...
相关推荐
在ExtJS中,数据模型`Ext.data.Model`用于定义数据结构和验证规则。示例中展示了如何创建数据模型`Patient`,定义了`name`和`age`字段。`type`属性用于指定字段的数据类型,如`int`表示整数。数据模型还支持验证,...
ExtJs的类系统支持继承、混合(Mixins)和配置(Config)。继承允许创建子类,以复用和扩展父类的功能;混合允许将方法和属性添加到任意对象中;配置则允许在创建对象时设定初始状态。 3. **程序编写建议**: - **...
这篇博客文章“ExtJs 类的设计”可能深入探讨了如何在ExtJs中有效地设计和使用类。 1. **类的定义** 在ExtJs中,类通过`Ext.extend()`函数创建。这个函数用于创建子类,并继承父类的属性和方法。例如,你可以定义...
Extjs是一款基于JavaScript的UI组件库,它提供了丰富的界面组件和强大的数据管理功能。在深入探讨之前,我们先了解一下JavaScript的面向对象特性。 JavaScript是一种动态类型的语言,虽然它没有传统意义上的类,但...
ExtJS是一个用于构建富客户端Web应用的JavaScript框架,它引入了一个全新的类系统,旨在提高代码的组织性、可维护性和可扩展性。这个系统在ExtJS4中得到了重大升级,它对JavaScript的语法进行了扩展,引入了类定义、...
总结,ExtJS4的这些新特性和语法扩展极大地提升了JavaScript开发的效率和质量,通过严谨的命名规范和类系统,实现了面向对象编程的灵活性和可维护性。动态加载机制和丰富的类库为构建复杂的企业级应用提供了坚实的...
测试EXTJS4中的特性:config, extend, statics, mixins。 测试EXTJS自定义事件:当恐怖分子(Terrorist)在火车站掏刀时,触发一个砍人事件。警察将抓捕他。 群众(Person)看到砍人吓坏了。
以上知识点涵盖了 ExtJS 中重要的基础组件和实用工具函数,对于初学者来说非常有用。通过理解这些基本概念,可以帮助开发者更高效地使用 ExtJS 框架进行 Web 应用开发。同时,掌握这些基础知识也为进一步深入学习和...
6. **其他配置文件**:如`manifest.json`或`theme.config`,它们描述了主题的结构和依赖关系,帮助构建工具正确处理和生成最终资源。 在实际应用中,使用XTheme-Blue时,开发者需要在应用程序配置中指定该主题,...
ExtJS 4.x 的重大变革之一是引入了全新的类系统,这是一项历史性的重构,旨在为开发者提供一个更为稳定、高效和易于维护的开发框架。新类系统成为了所有 ExtJS 4.x 类的基础,因此在开始编写代码之前对其深入理解至...