WEB开发网
开发学院软件开发Java 掌握 Dojo 工具包,第 7 部分: Dojo 的扩展 阅读

掌握 Dojo 工具包,第 7 部分: Dojo 的扩展

 2009-11-06 00:00:00 来源:WEB开发网   
核心提示: 到这,一个完整的新 Dijit 已经创建好了,掌握 Dojo 工具包,第 7 部分: Dojo 的扩展(10),让我们来看看效果,把清单 11 中代码保存为 newwidget.html,放到 <Dojo home> 目录下,清单 11.newwidget.html<htmlx

到这,一个完整的新 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 工具包,第 7 部分: Dojo 的扩展

上一页  5 6 7 8 9 10 

Tags:掌握 Dojo 工具包

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接