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的类系统重构使得代码更加结构化,易于理解和调试。通过类的封装,可以更好地管理依赖关系,减少全局变量的使用,提高代码质量。 总结来说,ExtJS4通过其新类库特性及JS新语法扩展,不仅提升了JavaScript的...
总结,ExtJS4的这些新特性和语法扩展极大地提升了JavaScript开发的效率和质量,通过严谨的命名规范和类系统,实现了面向对象编程的灵活性和可维护性。动态加载机制和丰富的类库为构建复杂的企业级应用提供了坚实的...
测试EXTJS4中的特性:config, extend, statics, mixins。 测试EXTJS自定义事件:当恐怖分子(Terrorist)在火车站掏刀时,触发一个砍人事件。警察将抓捕他。 群众(Person)看到砍人吓坏了。
在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 中重要的基础组件和实用工具函数,对于初学者来说非常有用。通过理解这些基本概念,可以帮助开发者更高效地使用 ExtJS 框架进行 Web 应用开发。同时,掌握这些基础知识也为进一步深入学习和...
ExtJS 4.x 的重大变革之一是引入了全新的类系统,这是一项历史性的重构,旨在为开发者提供一个更为稳定、高效和易于维护的开发框架。新类系统成为了所有 ExtJS 4.x 类的基础,因此在开始编写代码之前对其深入理解至...
6. **其他配置文件**:如`manifest.json`或`theme.config`,它们描述了主题的结构和依赖关系,帮助构建工具正确处理和生成最终资源。 在实际应用中,使用XTheme-Blue时,开发者需要在应用程序配置中指定该主题,...