`

Extjs 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  
        });

引自:http://kldn.iteye.com/blog/1386622
分享到:
评论

相关推荐

    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是一种动态类型的语言,虽然它没有传统意义上的类,但...

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

    ExtJS是一个用于构建富客户端Web应用的JavaScript框架,它引入了一个全新的类系统,旨在提高代码的组织性、可维护性和可扩展性。这个系统在ExtJS4中得到了重大升级,它对JavaScript的语法进行了扩展,引入了类定义、...

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

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

    extjs4---job10和job11

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

    extjs学习笔记

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

    xtheme-blue

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

    4.0Ext 类系统

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

Global site tag (gtag.js) - Google Analytics