『ExtJS』01 005. ExtJS 4 类的‘Import’

由于我们不可能将所有的代码都写到一个文件当中，所以就需要一种机制，让我们可以导入在其他文件中的代码。在本文中，会简单的介绍如何处理这种‘代码导入’的问题。

代码

---

Language: JavaScript

Framework: ExtJS 4.1.1a

IDE: Excplise J2EE + Spket

Ext.Loader.setConfig({
            enabled : true,
            paths : {
                'Cookbook' : 'src/Cookbook'
            }
        });

Ext.require('Cookbook.Vehicle', function() {
            var van = Ext.create('Cookbook.Vehicle', 'Frd', 'Transit', 60);
            van.travel(200);
        });

说明

---

1. 我们使用Ext.Loader来控制加载在其他文件中的代码；
2. 在Ext.Loader.setConfig()方法中，我们使用paths来指定要导入的类的物理位置；
3. ‘Cookbook’是要导入的命名空间，‘src/Cookbook’是所在路径；
4. 我们使用Ext.require()方法来导入具体的类，这个方法类名与在配置项中的路径匹配并加载；
5. 如果已经被预加载过，则会加入相应的标签到Html页以便加载具体的代码；
6. Ext.require()可以接受字符串数组，以加载数组中全部的类；