`
快乐的牛
  • 浏览: 74461 次
社区版块
存档分类
最新评论

Extjs 4 Config和Mixins

 
阅读更多

    Extjs 4中,为类型系统引入了Config概念,Config就是配置项的意思,用{configItem1:value1...}表示,在对象构造的时候,会调用this.initConfig(config)将配置项初始化,每个配置项自动生成4个函数:get set reset apply。

    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
		});
分享到:
评论

相关推荐

    ExtJs4新类库特性详解及JS新语法扩展.pdf

    ExtJS4的类系统重构使得代码更加结构化,易于理解和调试。通过类的封装,可以更好地管理依赖关系,减少全局变量的使用,提高代码质量。 总结来说,ExtJS4通过其新类库特性及JS新语法扩展,不仅提升了JavaScript的...

    ExtJs4新类库特性详解及JS新语法扩展.docx

    总结,ExtJS4的这些新特性和语法扩展极大地提升了JavaScript开发的效率和质量,通过严谨的命名规范和类系统,实现了面向对象编程的灵活性和可维护性。动态加载机制和丰富的类库为构建复杂的企业级应用提供了坚实的...

    extjs4---job10和job11

    测试EXTJS4中的特性:config, extend, statics, mixins。 测试EXTJS自定义事件:当恐怖分子(Terrorist)在火车站掏刀时,触发一个砍人事件。警察将抓捕他。 群众(Person)看到砍人吓坏了。

    Extjs4.0一些常见入门学习范例带注释详解

    在ExtJS中,数据模型`Ext.data.Model`用于定义数据结构和验证规则。示例中展示了如何创建数据模型`Patient`,定义了`name`和`age`字段。`type`属性用于指定字段的数据类型,如`int`表示整数。数据模型还支持验证,...

    ExtJs 2.2 简明教程 02 基础知识

    ExtJs的类系统支持继承、混合(Mixins)和配置(Config)。继承允许创建子类,以复用和扩展父类的功能;混合允许将方法和属性添加到任意对象中;配置则允许在创建对象时设定初始状态。 3. **程序编写建议**: - **...

    ExtJs 类的设计

    这篇博客文章“ExtJs 类的设计”可能深入探讨了如何在ExtJs中有效地设计和使用类。 1. **类的定义** 在ExtJs中,类通过`Ext.extend()`函数创建。这个函数用于创建子类,并继承父类的属性和方法。例如,你可以定义...

    手工打造Extjs (1) 类系统

    Extjs是一款基于JavaScript的UI组件库,它提供了丰富的界面组件和强大的数据管理功能。在深入探讨之前,我们先了解一下JavaScript的面向对象特性。 JavaScript是一种动态类型的语言,虽然它没有传统意义上的类,但...

    extjs学习笔记

    以上知识点涵盖了 ExtJS 中重要的基础组件和实用工具函数,对于初学者来说非常有用。通过理解这些基本概念,可以帮助开发者更高效地使用 ExtJS 框架进行 Web 应用开发。同时,掌握这些基础知识也为进一步深入学习和...

    4.0Ext 类系统

    ExtJS 4.x 的重大变革之一是引入了全新的类系统,这是一项历史性的重构,旨在为开发者提供一个更为稳定、高效和易于维护的开发框架。新类系统成为了所有 ExtJS 4.x 类的基础,因此在开始编写代码之前对其深入理解至...

    xtheme-blue

    6. **其他配置文件**:如`manifest.json`或`theme.config`,它们描述了主题的结构和依赖关系,帮助构建工具正确处理和生成最终资源。 在实际应用中,使用XTheme-Blue时,开发者需要在应用程序配置中指定该主题,...

Global site tag (gtag.js) - Google Analytics