ExtJS 4.0是一个使用新的依赖系统的类加载系统。这两个强大的新功能允许你创建大量允许浏览器按需下载脚本代码的应用。
今天,我们将通过建立一个小的使用新的类加载系统的应用程序来熟悉一下依赖管理系统。同时,我们将讨论Ext加载系统的各种配置项。
在开始之前,我们先来看看将要实现的结果。这样做,可使我们确定需要扩展那些类。
应用会包括互相绑定的GridPanel和FormPanel,名称分别为UserGridPanel和UserFormPanel。UserGridPanel的操作需要创建一个模型和Store。UserGridPanel和UserFormPanel将被渲染到一个名称为UserEditorWindow的窗口,它扩张自ExtJS的Window类。所有这些类都会在命名空间MyApp下。
在开始编码前,首先要确定目录结构,以下是使用命名空间组织的文件夹:
从上图可以看到,MyApp目录已经按照命名空间进拆分成几个目录。在完成开发的时候,我们的应用将会有一个如下图所示的内部依赖运行模型。
(尽管应用的目录构成很象ExtJS 4 MVC架构,事实上示例并没有使用它 )
现在开始编写index.html文件,这里需要包含应用需要的启动文件和应用的根文件(app.js)。
1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
2 < html >
3 < head >
4 < title > Ext 4 Loader < /title >
5 < link rel = " stylesheet " type = " text/css " href = " js/ext-4.0.1/resources/css/ext-all.css " / >
6
7 < script type = " text/javascript " src = " js/MyApp/app.js " >
8 < /head >
9 < body >
10 < /body >
11 < /html >
最新评论