文档章节

ext5 - 异步加载要使用的自定义类

C
 Canaan_
发布于 2016/06/08 23:44
字数 418
阅读 57
收藏 1

利用ext良好的扩展性,我们很容易定义自己的组件。一般这样组件的代码都是一个单独的文件,在要用的时候就加载进来。久而久之,这样自定义的组件多了同样组件所对的文件也多了起来,这时如果我们手动的去加载js文件,不仅界面变得混乱,而且还会浪费一些带宽。下面的就是利用Ext.Loader.setConfig动态的加截这些文件

 下面myWin.js是自定义的组件,组件名称(不包括组件的命名空间)要和文件名一致:

Ext.define("customComponent.myWin",{
	extend:'Ext.window.Window',
     title: 'Hello',
     height: 200,
     width: 400,
     layout: 'fit',
     items: {  // Let's put an empty grid in just to illustrate fit layout
         xtype: 'grid',
         border: false,
         columns: [{header: 'World'}],                 // One header just for show. There's no data,
         store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
     },
	constructor: function (config) {
         this.callParent(arguments); // calls Ext.panel.Panel's constructor
         
     }
})

利用Ext.Loader.setConfig,设置要加载的资源位置。:

Ext.Loader.setConfig({
	enabled:true,
	paths:{
		customComponent:'custom/win'
	}
});

如上customComponent 犹如是一个命名空间,而其值就是命名空间所映射的资源路径,下面我们就可以创建customComponent.myWin 窗口了:

Ext.onReady(function(){
    var win = Ext.create("customComponent.myWin");
	win.show();

})

当ext创建customComponent.myWin时发现没有这个类,就会解析这个类其中customComponent会被认作命名空间,并到Ext.Loader.setConfig中去匹配,发现路径是custom/win。而myWin就会被认做是文件名,最后的资源路径是./custom/win/myWin.js。Ext会自动的加载这个资源,这样我们就不用手动的去指定路径了。记住Ext只是在创建该类时才去加载的文件的。

注意:Ext.Loader.setConfig调用要在Ext.onRead前

© 著作权归作者所有

共有 人打赏支持
C
粉丝 16
博文 266
码字总数 111916
作品 0
福州
ExtJS(4)- Ext5.0中的ux和FontAwesome

Ext5相较之前的版本有很大的变化,其中最明显的就是组件的样式,Ext5中的组件将会可以自适应移动终端(手机,平板)的显示,这一点上大大地增强了Ext跨平台的支持。当然还有很多值得我们期待...

雪飘七月
2014/12/17
0
0
Android异步下载图片并且缓存图片到本地

在Android开发中我们经常有这样的需求,从服务器上下载xml或者JSON类型的数据,其中包括一些图片资源,本demo模拟了这个需求,从网络上加载XML资源,其中包括图片,我们要做的解析XML里面的数...

liuher
2014/07/23
0
0
IntentService类 和 异步任务(AsyncTask)

IntentService是一个Service类。 IntentService只有1个带String参数的构造方法,所以,在自定义类继承IntentService时,需要在自定义类中显式的调用IntentService带参数的构造方法,并且将自...

梦想家Peng
2016/03/03
56
0
杨慧强/android-page

android-page 前言 android 分页列表数据加载引擎,主要封装了android分页列表数据加载的各个组件,如果你有一个需要分页加载的List列表,都可以使用此框架实现。该框架主要的功能有: 自动维...

杨慧强
2016/10/13
0
0
[转]Volley的功能及设置

olley提供了优美的框架,使android程序网络访问更容易、更快。 Volley抽象实现了底层的HTTP Client库,我们不需关注HTTP Client细节,专注于写出更加漂亮、干净的RESTful HTTP请求。 Volley...

新年
2015/07/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

深夜胡思乱想

魔兽世界 最近魔兽世界出了新版本, 周末两天升到了满级,比之前的版本体验好很多,做任务不用抢怪了,不用组队打怪也是共享拾取的。技能简化了很多,哪个亮按哪个。 运维 服务器 产品 之间的...

Firxiao
6分钟前
0
0
MySQL 8 在 Windows 下安装及使用

MySQL 8 带来了全新的体验,比如支持 NoSQL、JSON 等,拥有比 MySQL 5.7 两倍以上的性能提升。本文讲解如何在 Windows 下安装 MySQL 8,以及基本的 MySQL 用法。 下载 下载地址 https://dev....

waylau
40分钟前
0
0
微信第三方平台 access_token is invalid or not latest

微信第三方开发平台code换session_key说的特别容易,但是我一使用就带来无穷无尽的烦恼,搞了一整天也无济于事. 现在记录一下解决问题的过程,方便后来人参考. 我遇到的这个问题搜索了整个网络也...

自由的开源
今天
0
0
openJDK之sun.misc.Unsafe类CAS底层实现

注:这篇文章参考了https://www.cnblogs.com/snowater/p/8303698.html 1.sun.misc.Unsafe中CAS方法 在sun.misc.Unsafe中CAS方法如下: compareAndSwapObject(java.lang.Object arg0, long a......

汉斯-冯-拉特
今天
2
0
设计模式之五 责任链模式(Chain of Responsibility)

一. 场景 相信我们都有过这样的经历; 我们去职能部门办理一个事情,先去了A部门,到了地方被告知这件事情由B部门处理; 当我们到了B部门的时候,又被告知这件事情已经移交给了C部门处理; ...

JackieRiver
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部