ExtJS类成员-应用相关功能

更新记录
2022年7月4日 发布。
2022年7月2日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

Ext.onReady()#

Ext.onReady ( fn, [scope], [options] ) 

options支持key：https://docs.sencha.com/extjs/7.3.1/classic/Ext.html#method-onReady
是Ext.EventManager.onDocumentReady的快捷引用
加载页面后调用此函数，类似jQuery的ready函数
建议：使用ExtJS项目标准的项目结构，而不是使用onReady方法

Ext.onReady(function(){
    new Ext.Component({
        renderTo: document.body,
        html: 'DOM ready!'
    });
});

实例化应用程序#

加载并实例化Ext.app.Application类及其子类(表示整个应用程序)

Ext.application ( config )

使用指定的配置启动应用

实例：

Ext.application({
    name: 'MyApp',
    launch: function() {
    }
});

name用于指定于应用的顶层命名空间，应用的所有类将会挂在这个命名空间下
launch方法用于定义应用启动时要进行的操作

获得应用程序对象#

Ext.getApplication() Ext.app.Application

获得Store#

Ext.getStore ( name ) : Ext.data.Store 

注意：Ext.getStore()是Ext.data.StoreManager.lookup()的别名

注册Store#

Ext.regStore ( id, config ) 

说明：
常用于临时定义Store并添加到Ext.data.StoreManager中
第一个参数是Store的Id
第二个参数是Store的配置项
实例

Ext.regStore('AllUsers', {
    model: 'User'
});

判断应用是否在线#

isOnline Boolean

实例：

console.log(Ext.isOnline()); //true

创建命名空间#

Ext.namespace ( namespaces ) : Object 
Ext.ns ( namespaces ) : Object 

说明：Ext.ns()方法是Ext.namespace()方法的别名
实例：

Ext.namespace("PandaCompany.PandaModule.PandaClass")

暂停布局工作#

Ext.suspendLayouts()

注意：Ext.suspendLayouts()方法是Ext.Component.suspendLayouts()方法的快捷别名
实例：

//暂停布局工作
Ext.suspendLayouts();
// ....code //大量的布局操作工作
//恢复并刷新布局
Ext.resumeLayouts(true);

恢复布局工作#

Ext.resumeLayouts ( Boolean flush ) 

说明：参数如果为true，则刷新所有挂起的布局，默认为false，不进行刷新
注意：Ext.suspendLayouts方法是Ext.Component.suspendLayouts()方法的别名快捷方法

开启内存垃圾自动回收#

Ext.enableGarbageCollector

注意：默认是开启内存自动回收的
说明：该功能主要用于回收不在document中的节点的内存
如果不开启，当内存不足时，可能会内存泄漏
实例：

console.log(Ext.enableGarbageCollector); //true
Ext.enableGarbageCollector = false;
console.log(Ext.enableGarbageCollector); //false

开启内存垃圾自动回收（事件）#

enableListenerCollection 

在内存回收期间（garbageCollection）同时也清除事件监听
实例：

console.log(Ext.enableListenerCollection );//true