Question

Extjs4 mvc分层问题

我已经基本了解Extjs4 mvc的结构了，但是如果我的前台要分功能模块的话该怎么分，每一个功能模块都有一个app的文件夹，下面再分store，view，controller，model文件夹吗，如果是这样的话 我在某一个功能模块中，如何使用另一个模块中的model或者store啊，哪位高手帮忙解答一下

Answer 1

在app.js文件中指定其他模块的路径就可以了, 比如:

Module1.js:

Ext.application({
    name: 'Module1',
    controllers: ['CMain'],
    autoCreateViewport: true,
    appFolder: '.',
    paths: {
        'Module1': 'js/Module1',
        'Module2': 'js/Module2/app', // 这个模块下的目录是放在app文件夹下的.
        'Module3': 'js/Module3'
    }
})

引用其他模块下js时:

Ext.define('Module1.controller.CMain', {
    extend: 'Ext.app.Controller',
    alternateClassName: 'Module1MainController',
    views: [
        'Module2.view.ListModel', // js/Module2/app/view/ListModel.js
        'XXXPanel', // 这个当前模块下的view 路径是 js/Module1/view/Acti                                //onNodeListPanel.js
        'Module3.view.panel.XXXPanel' // js/Module3/view/panel/XXXPanel.js

未测试, 仅凭经验改写的, 大致思路如是.

这样做动态加载js文件没有问题

Answer 2

一楼的方法是可行的，其实就是利用Ext.Loader类来实现自动加载。你可以在应用程序开始之前这样配置：

 Ext.Loader.setConfig({
      enabled: true,
      paths: {
          'My': 'my_own_path'
      }
 });

这样配置后，如果你的其他模块在my_own_path下，就可以直接使用My.controller.TestController这样的格式去加载里面的文件了