掌握 Dojo 工具包,第 7 部分: Dojo 的扩展
2009-11-06 00:00:00 来源:WEB开发网到这,一个完整的新 Dijit 已经创建好了,让我们来看看效果,把清单 11 中代码保存为 newwidget.html,放到 <Dojo home> 目录下。
清单 11.newwidget.html <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Dojo toolkit</title>
<style type="text/css">
@import "dojo/resources/dojo.css";
@import "dijit/themes/tundra/tundra.css";
@import "ibm/dijit/templates/Reminder.css";
#mainDiv {
width: 100%; height: 500px;
border: 0; padding: 0; margin: 0;
}
</style>
<script type="text/javascript" src="dojo/dojo.js" djConfig="parseOnLoad: true,
isDebug: false"></script>
<script language="JavaScript" type="text/javascript">
dojo.require("ibm.dijit.Reminder");
</script>
</head>
<body class="tundra">
<div dojoType="ibm.dijit.Reminder" title="IBM Reminder">
Pick up milk on the way home.
</div>
</body>
</html>
在 IE 或 Firefox 中打开该文件,你会看到如下力所示的效果。
图 4 . 运行结果
- ››Dojo QuickStart 快速入门教程 (4) 简单的测试框架...
- ››Dojo QuickStart 快速入门教程 (5) 使用数组
- ››Dojo QuickStart Guide 快速入门 Why Dojo
- ››Dojo Quick Start Guide 快速入门 (2) 基本框架
- ››Dojo QuickStart 快速入门教程 (3) 选择器
- ››Dojo Javascript 编程规范 [1]
- ››Dojo Javascript 编程规范 [2]
- ››Dojo Javascript 编程规范 [3]
- ››Dojo Javascript 编程规范 [4]
- ››Dojo Javascript 编程规范 [5]
- ››Dojo学习笔记(7. dojo.dom)
- ››Dojo学习笔记(8. dojo.event & dojo.event.to...
更多精彩
赞助商链接