探索 Eclipse 的 Ajax Toolkit Framework

核心提示： 展开 Snippets 窗格中的 Dojo，然后将 dojo.require 拖入 helloworldapp.html 编辑窗格的 JavaScript 块中，探索 Eclipse 的 Ajax Toolkit Framework(8)，系统将显示一个对话框要求输入软件包名称，对于本例，构建完

展开 Snippets 窗格中的 Dojo，然后将 dojo.require 拖入 helloworldapp.html 编辑窗格的 JavaScript 块中。系统将显示一个对话框要求输入软件包名称。对于本例，请键入 dojo.widget.Tree。这样做将添加一行代码用于装入 Tree 控件，它将允许您在代码的内容区域使用控件。

图 16. 装入 Tree 控件

查看原图（大图）

向下滚动至 helloworldapp.html 的主体部分，并将 Tree 从 Snippet 窗格拖到编辑窗格中。Eclipse 将询问是否包括示例数据。取消此复选框，从而仅添加封装 Tree 代码。然后，将 Tree Node 片段从 Snippet 窗格拖入编辑窗格的 Tree 标记内，然后将节点命名为 Hello。随后，在 Hello 节点内再添加三个 Tree 节点。

图 17. 用 HelloWorld 数据创建 Tree 节点

查看原图（大图）

需要再次保存、编译和运行已创建的 HelloWorld 应用程序。单击 File > Save。然后在 Eclipse 的 Navigator 框架中展开 HelloWorld、WebContent 和 helloworldapp。在 helloworldapp.html 上单击鼠标右键，然后单击 Run As > Run in Mozilla。单击 Finish 将打开运行 HelloWorld 应用程序的集成 Mozilla 浏览器。您应当可以单击展开和收缩 Hello 节点，这样可以显示或隐藏其子节点。

结束语

现在，您已经基本了解了如何在 Eclipse 中使用 ATF 创建 Dojo 项目的组件。要成为更高级的用户，请了解如何在 Eclipse 中使用所选 Ajax 工具包的全部内容。而且，需要研究 Eclipse ATF 中使用的高级功能，例如 DOM Inspector、CSS Inspector 和 JavaScript 调试程序。使用 Dojo 创建一个简单的 HelloWorld 应用程序极大地简化了使用 Eclipse 的过程，构建完整的 Web 应用程序的优势会在项目变得越来越复杂时不断累积。接下来的文章将提供新版本及功能的更新，并进一步讨论关于 ATF 及其他支持工具包（例如 Zimbra 和 Rico）更多组件的详细信息。