打造Ext2.0模块化单页系统Demo

打造Ext2.0模块化单页系统（一）
打造Ext2.0模块化单页系统（二）

做了一个简单的Demo,这个Demo演示了用树形菜单动态加载模块。和上面2篇文章介绍的略微有些不同，动态加载模块类后并不立即实例化，而是把模块类付给主程序类的一个属性变量后再实例化，当TabPanel中的Tab被关闭再次打开时，需要对相应的模块类再次实例化。
此Demo需要Web服务器支持。

评论

19 楼 lx0364007 2008-07-22  

学到很多东西~~~多谢分享~~~

18 楼 laitaogood 2008-05-14  

microboat 写道

用户在使用系统的时候，不会把每个模块都使用一遍的。我这个Demo正是使用到那个模块才去加载的，而公共部分只需加载一次，比起用iframe的方式，内存占用更少。

我原来想做的就是跟您做的差不多，我当时的做法是实现一些继承的组件，按需加载

但是由于自己的JS太差了，所以只完成了部分，遗憾

17 楼 mistful 2008-05-14  

左侧的treepanel 如何resize啊 和“center”之间无法左右改变大小。

16 楼 mistful 2008-05-13  

sorry 忘了应该加title

15 楼 mistful 2008-05-13  

new Ext.BoxComponent({region:'south', el:'footer', height:50 }),
加上
collapsible:true

好像不起作用啊！

14 楼 goodboy 2008-05-05  

基本能够运用了，使用起来确实比使用iframe强多了，感谢搂主啊！
只是感觉不能加载Viewport，布局有点局限。

13 楼 goodboy 2008-04-30  

楼主能不能再做一个稍复杂点的，比如加上grid的按钮栏，加上添加编辑的窗口，期待能多学点东西，谢谢俄

12 楼 goodboy 2008-04-29  

microboat 写道

实例化的时候传入
model = new this[id](tab, classid);

demo.module = function(tab,id){
    this.id = id;
    this.main = tab;
    this.init();
}

这样grid竟然得不到classid的值，点击节点，如果是调用的是一个grid.js，classid改变也不能重复加载或者使grid更新。

11 楼 microboat 2008-04-29  

实例化的时候传入
model = new this[id](tab, classid);

demo.module = function(tab,id){
    this.id = id;
    this.main = tab;
    this.init();
}

10 楼 goodboy 2008-04-29  

   var classid = node.attributes.ids;
    loadModel: function(id,classid,tab){ 
        //定义模块变量
        var model;

这样的话，grid.is里可以接收到baseParams: {class_id:classid}
不知是否正确？

9 楼 goodboy 2008-04-29  

microboat 写道

当然可以啦，在模块类被实例化的时候作为参数传入。

能否给段代码，谢谢！

8 楼 microboat 2008-04-29  

当然可以啦，在模块类被实例化的时候作为参数传入。

7 楼 goodboy 2008-04-29  

弱弱的问一句：能不能增加模块变量，用于模块js，比如我想取自定义的node.attributes.ids值用在模块js中，如何作？

6 楼 microboat 2008-04-28  

用户在使用系统的时候，不会把每个模块都使用一遍的。我这个Demo正是使用到那个模块才去加载的，而公共部分只需加载一次，比起用iframe的方式，内存占用更少。

5 楼 aGuang 2008-04-28  

突然有个想法.
像这样做的单页系统,如果模块比较多,每个模块的都打开并缓存一次,浏览器会占用大量内存,不知道受不受得了.
如果在缓存模块时加个策略,比如仅缓存最后打开的n个模块.或者缓存使用次数比较多的模块.那就比较好咯.不知道楼主能否实现?
ps.(偶js比较菜,so只能期待楼主咯.  )

4 楼 aGuang 2008-04-28  

Thank you!
受益匪浅!
希望博主能出更多关于Ext的文章,让我等新手学习!

3 楼 znjq 2008-04-26  

改写Element的update函数，缓存已经加载过的js，css地址，下次判断就可以了。单页面系统这里面有个比较严重的问题，ext的内存泄露，这个需要自己处理bug。

2 楼 SoftMiner 2008-04-26  

受益匪浅，谢谢，希望继续将完善的解决方案给我们这些初入ExtJs的人指明方向
另问楼上，是怎样实现updater只加载一次的

1 楼 znjq 2008-04-26  

我改写updater来实现单页面动态只加载一次js,css