简单的 Dojo 示例 现在尝试一个简单的示例，它在您每次按下按钮时通过调试过程输出 “Hello World!”。我们将在本例中编辑 helloworld.html。清单 1 所示代码的初始部分设置 dojo.js 的路径，并打开调试模式以便测试您的输出。 清单 1. 输出 “Hello World!” 的简单示例 <html>
<head>
<script type="text/javascript">
djConfig = { isDebug: true };
<script> <script type="text/javascript" src="./dojo.js"></script> |
使用带有 “事件” 的 Button2 小部件调用 helloPressed 函数: 清单 2. 使用带有 “事件” 的 Button2 小部件调用 helloPressed 函数 <!-- DOJO EXECUTION -->
<script type="text/javascript">
dojo.require("dojo.widget.Button2");
dojo.require("dojo.event.*"); |
helloPressed 函数仅调用 dojo.debug 以输出 “Hello World!” 消息： function helloPressed()
{
dojo.debug('Hello World!');
} |
下面是 init 函数，该函数将 helloButton 与 Dojo 小部件相关联。第二行指明在您单击 Press Me 时应调用 helloPressed 函数。 function init()
{
var helloButton = dojo.widget.byId('helloButton');
dojo.event.connect(helloButton, 'onClick', 'helloPressed');
} |
下一行在初始页面加载时运行 init 函数： 最后，HTML 的主体包含实际按钮，该按钮被赋予 type 和 Id 以与上述 JavaScript 关联。 清单 3. 将 ID 与上述 JavaScript 关联 </script>
</head>
<body>
<button dojoType="Button2" widgetId="helloButton">Press Me</button>
</body>
</html> |
图 2 展示单击 Press Me 之后 “Hello World!” Dojo 应用程序的输出。 
图 2. “Hello World!” Dojo 应用程序的输出 详细的 HelloWorld 示例可从 Dojo wiki获得。 Dojo 通过提供强大的不断增长的小部件集合，使得将 Ajax 代码的小片段集成到现有 Web 页面中更加容易，使用那些小部件集合很容易添加预期在桌面环境中看到的 UI 效果。开发人员避免了亲手编写 UI 的每一部分。对于高级用户，它提供了多数工具没有提供的能力。例如，包括了打包和构建系统以快速优化要部署的项目。Dojo 对于所有级别的 Ajax 开发人员来说是令人满意的解决方案。 ATF 将 Dojo 集成到 Eclipse 中，它的引入通过提供图形编码环境和对附加 Eclipse 插件的访问将这些能力增强到企业级。
说明：本教程来源互联网或网友上传或出版商，仅为学习研究或媒体推广，wanshiok.com不保证资料的完整性。
2/2 首页 上一页 1 2 |
