`
deng131
  • 浏览: 672574 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Extjs 中使用单例模式

阅读更多
返回一个匿名函数,使得没有办法使用new来进行实例化,这是javascript单例模式的一种实现方式(类似于java的单例)。匿名函数对于funtion内部的局部变量匿名函数是可以调用的,但外部函数是不能访问的,这样是很好的对数据进行保护,相当于实现了private

Ext.example = function(){
    var msgCt;
    function createBox(t, s){
        return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');
    }
    return {
        msg : function(title, format){
            if(!msgCt){
                msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div'}, true);
            }
            msgCt.alignTo(document, 't-t');
            var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
            m.slideIn('t').pause(1).ghost("t", {remove:true});
        },

        init : function(){
            var t = Ext.get('exttheme');
            if(!t){ // run locally?
                return;
            }
            var theme = Cookies.get('exttheme') || 'aero';
            if(theme){
                t.dom.value = theme;
                Ext.getBody().addClass('x-'+theme);
            }
            t.on('change', function(){
                Cookies.set('exttheme', t.getValue());
                setTimeout(function(){
                    window.location.reload();
                }, 250);
            });

            var lb = Ext.get('lib-bar');
            if(lb){
                lb.show();
            }
        }
    };
}();

分享到:
评论

相关推荐

    ExtJS 设计模式之一.docx

    - **隐藏依赖关系**:单例模式中的依赖关系不容易被发现,这可能导致程序的可测试性降低。 #### 六、总结 单例模式是ExtJS设计模式之一,通过合理的使用可以极大地提升代码的质量和效率。了解和掌握单例模式不仅...

    ExtJS设计模式

    - **Singleton单例模式**:确保某个类只有一个实例,并提供一个全局访问点。例如,`Ext` 和 `Ext.Ajax` 都采用了单例模式。 - **Flyweight享元模式**:用于减少创建大量相似对象所需的内存消耗。在ExtJS中,`Ext.fly...

    extjs 设计模式 operamasks 底层框架

    自己的理解,重写了公司底层代码,用的设计模式做多就是单例和模板方法,可以看下实际公司是怎么来用的,还有就是面向接口编程,如果给你在我现在这个基础上来改,自己去写主从表,看可不可以写出来.自己如何认真的...

    ExtJS Share sessions

    6. **单例模式**:在JavaScript中,使用单例模式创建一个全局的对象实例,可以作为会话数据的容器,确保整个应用程序只有一个访问点。 7. **工具**:开发者可能使用如Chrome开发者工具或Firefox的Firebug等浏览器...

    ssh+extjs+mysql整合

    Struts2与Spring的集成使得Action可以直接利用Spring管理的Bean,避免了单例模式和线程安全问题。 3. **Hibernate**:Hibernate作为ORM工具,将Java对象映射到MySQL数据库的表,简化了数据库操作。通过编写实体类和...

    extJs 开发技术详解(第1章)

    - **模式应用**: 在ExtJS的源代码中可以看到许多设计模式的应用,如工厂模式、单例模式等。 #### 四、ExtJS的应用场景 **4.1 Web应用开发** - **快速开发**: 由于提供了丰富的组件库和高度封装的功能,ExtJS非常...

    JavaWeb课程设计——图书馆管理系统.pdf

    1. **设计模式**:项目中提到了GoF设计模式,即Gang of Four设计模式,这是软件工程中常用的一套经典设计模式,包括工厂模式、单例模式、观察者模式等。在这个图书馆管理系统中,单例模式被用于`...

    JavaWeb课程设计图书馆管理系统.docx

    此外,还展示了Java中使用单例模式从连接池获取数据库连接的代码段。 【效果截图】这部分内容未提供具体细节,通常会展示系统的用户界面和操作流程,以便于评估系统功能和用户体验。 【实验心得】通过这次课程设计...

    ssh+extjs+json

    **Hibernate** 是Java领域中广泛使用的对象关系映射(ORM)框架,它允许开发者以面向对象的方式操作数据库,而无需直接编写SQL。Hibernate的核心接口包括: 1. **Session**:这是与数据库交互的主要接口,负责对象的...

    JavaWeb课程设计——图书馆管理系统.pptx

    在 Java 中,从连接池获取连接的类使用了单例模式(来自 GoF 提出的设计模式)。 该系统的主要技术点包括: 1. JavaWeb 技术:该系统使用了 JavaWeb 技术来实现图书馆管理系统的前端和后端部分。 2. ExtJS 技术:...

    万达面试题。

    单例模式是面向对象设计模式中的一种常用模式,它的主要目的是控制对象的创建过程,确保系统中某个类只有一个实例存在。实现单例模式有多种方式,常见的包括懒汉式、饿汉式等。 - **懒汉式**:在需要的时候才创建...

    Ext.Notify:https 的 ExtJS 版本

    "不使用任何 jQuery 和单例类" 说明该组件没有依赖于 jQuery 库,而是完全基于 ExtJS 自身的功能来实现,同时也避免了使用单例模式,这意味着每个通知实例可以独立管理,提供了更高的灵活性和可扩展性。 **标签解析...

    JavaWeb课程设计——图书馆管理系统.docx

    3. **模板方法模式**:在`SqlExecute`类中使用,提供一个基本操作流程,子类根据需求重写特定部分,实现DAO(数据访问对象)的通用模板,简化编码和维护工作。 **四、数据库配置** 数据库配置通常在`web.xml`文件中...

    JAVA.Extjs.Hibernate.Web开发应用免费教程集锦

    9. **设计模式**:Java企业设计模式教程介绍了在JAVA开发中常见的设计模式,如单例、工厂、装饰器等,这些模式对于写出高质量、可维护的代码至关重要。 10. **面试与笔试题**:提供了一系列的JAVA面试笔试题,帮助...

    JavaWeb课程设计——图书馆管理系统.doc

    2. 单例模式:在Java中获取数据库连接的类采用了单例模式,保证在整个应用中只有一个实例存在,减少资源消耗并保证全局一致性。 七、代码实现 文档中虽然没有列出完整代码,但提到了登录功能的实现,包括AJAX请求、...

    程序员简历模板.pdf

    * 熟练使用 MVVM 模式、抽象工厂、单例模式、适配器模式、策略模式、观察者模式等设计模式 求职意向 * 到岗时间:一周以内 * 工作性质:全职 * 希望行业:IT 服务(系统/数据/维护) * 目标地点:北京 * 期望薪水...

    JavaWeb课程设计-图书馆管理系统.pdf

    此外,报告中还展示了用于从连接池获取连接的单例模式代码(源自GoF设计模式)。单例模式确保了数据库连接池类只有一个实例存在,提供了一种全局访问点,提高了资源使用的效率。 综上所述,这个JavaWeb课程设计项目...

    中软笔试题.docx

    单例模式是一种设计模式,确保一个类只有一个实例,并提供全局访问点。示例代码: ```java public class Singleton { private static Singleton instance; private Singleton() {} // 构造器私有化 public ...

Global site tag (gtag.js) - Google Analytics