本文主要是介绍EXTJS4如何使用单个app程序来进行大型软件开发，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
大型软件模块众多, extjs4 提供的MVC的设计模式可以叫程序员的设计更清晰.但是问题来了,因为就一个app,那么他加载的时候会把所有controller加载进来,那么controller
会把用到的mode和view全加载进来,这样一来程序在初始化的时候就会加载整个系统的js文件
系统一旦规模变大必然会导致运行速度降低,系统使用臃肿.加载时间长等一系列问题.
例如:
Ext.application({
launch: function() {//当前页面已经完全载入调用
.........
},
controllers: [
'Users',
'ROLE'
'DD'
'JX'
'JMS'
等等........
]
});
那么如何做到用单个app来完成分布式加载呢?
先来看看MVC的原理:
在ExtJs4.0核心包中关于app就2个文件
controller是application的一部分,初始化application的时候连带这会把相应的controller初始化.
然后controller再连带初始化view和mode,store
那我们的思路就从这里开始,我们的想法是如果我们开始的时候就加载一个controller(也就是一套功能)
而这套功能的目的就是用来初始化别的controller把其动态加载到这个唯一的app中不就是ok了吗?
问题:如何才能把外面的controller加载到已经初始化好了的app中呢?
查看controller源码我发现他有一个属性可以通过controller找到他所在的app
在初始化事件的方法中源码调用了this.application 那么说我们可以通过controller找到他对用的application
我们再看看application的源码发现application中的controller是一个集合并且getController: function(name)
这个方法写的很微妙
不仅仅完成了通过名字返回controller的功能还完成了信controller穿件的功能,(这个有点想我们pcat教程中用的工厂和缓存)
这样一来我就只需要完成下面代码可以打工搞成了
var c = this.application.getController("Users2");
c.init();
好了接下来就可以使用这个controller加载进来的一切view和mode资源了
切记:init()方法一点要手动调用
这篇关于EXTJS4如何使用单个app程序来进行大型软件开发的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
