文档章节

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前

© 著作权归作者所有

共有 人打赏支持
上一篇: ext5 类 -1
下一篇: ext 学习资料
C
粉丝 17
博文 314
码字总数 135202
作品 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
React router动态加载组件-适配器模式的应用

前言 本文讲述怎么实现动态加载组件,并借此阐述适配器模式。 一、普通路由例子 以上是最常见的。在简单的单页应用中,这样写是ok的。因为打包后的单一js文件也不过200k左右,之后,对加载性...

我是leon
2018/09/12
0
0
IntentService类 和 异步任务(AsyncTask)

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

梦想家Peng
2016/03/03
56
0
ext5 Model - 1

ext5遵从mvc的设计模式,这里要讲的是model 这一层定义 如果你 在java ee 中定义了一个model如User类,那么在前端ext这里也要定义一个这样的model. 除了User类中该有的字段外,还要继承一个叫...

Canaan_
2016/06/14
14
0

没有更多内容

加载失败,请刷新页面

加载更多

dotConnect for Oracle入门指南(六):使用事务

【下载dotConnect for Oracle最新版本】 dotConnect for Oracle(原名OraDirect.NET)建立在ADO.NET技术上,为基于Oracle数据库的应用程序提供完整的解决方案。它为设计应用程序结构带来了新的...

电池盒
12分钟前
1
0
Spring Batch JSR-305 支持

本发布版本中为 JSR-305 支持添加了一个注解。这个为了与 Spring 框架中的 Null-safety 注解取得平衡,然后为 Spring Batch 添加为 public APIs。 这个注解不仅仅在使用 Spring Batch APIs ...

honeymoose
12分钟前
0
0
React Native工程中TSLint静态检查工具的探索之路

背景 建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂? 通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂? 某种代码写法存在问题导致崩溃时...

美团技术团队
14分钟前
0
0
mysql update select

在遇到需要update设置的参数来自从其他表select出的结果时,需要把update和select结合使用,不同数据库支持的形式不一样,在mysql中如下: update A inner join(select id,name from B) c on A.i...

张欢19933
18分钟前
0
0
KaliLinuxNetHunter教程刷入第三方Recovery与开始刷机

KaliLinuxNetHunter教程刷入第三方Recovery与开始刷机 2.刷入第三方Recovery(即TWRP) TWRP(TeamWin Recovery Project)是一款XDA大神开发的一款全触屏操作的第三方Recovery。支持滑动确认...

大学霸
21分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部