解析DOJO动态生成Widget

移动开发
DOJO动态生成Widget是本文要介绍的内容,主要是来了解并学习Widget应用,关于Widget具体内容的实现来看本文详解。

DOJO动态生成Widget是本文要介绍的内容,主要是来了解并学习Widget应用,应该算是比较常用的例子。摘自官方网站。Widget的内容主要是以代码来实现,来看详细代码。

  1.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2.  <html> 
  3.      <head> 
  4.          <title>Non-markup widgets via createWidget</title> 
  5.          <script type="text/javascript"> 
  6.             var djConfig = { isDebug: true };  
  7.          </script> 
  8.          <script type="text/javascript" src="../../dojo.js"></script> 
  9.          <script type="text/javascript"> 
  10.             dojo.require("dojo.string.*");  
  11.             dojo.require("dojo.widget.Button");  
  12.  
  13.             //  
  14.             // Normal tests  
  15.             //  
  16.             dojo.addOnLoad(function() {  
  17.                 var w;  
  18.                 w = dojo.widget.createWidget("dojo:Button", { caption: "Created as dojo:Button" });  
  19.                 dojo.byId("vanilla").appendChild(w.domNode);  
  20.                 w = dojo.widget.createWidget("Button", { caption: "Created as Button" });  
  21.                 dojo.byId("vanilla").appendChild(w.domNode);  
  22.                   
  23.                 // Cannot create components via createWidget  
  24.                 //var w = dojo.widget.createWidget("dojo:foo");  
  25.             });  
  26.  
  27.             //  
  28.             // Test auto-load  
  29.            //      
  30.             dojo.registerModulePath("acme", "tests/widget/acme");  
  31.             dojo.registerNamespace("acme", "acme.widget",   
  32.                 function(name){   
  33.                         return "acme."+dojo.string.capitalize(name);  
  34.             });  
  35.               
  36.             dojo.addOnLoad(function() {  
  37.                 var w = dojo.widget.createWidget("acme:Button", { caption: "Created with auto-require as acme:Button" });  
  38.                 dojo.byId("al").appendChild(w.domNode);  
  39.             });  
  40.  
  41.             //  
  42.             // Test passing a dom node as the first argument to createWidget()  
  43.             //  
  44.  
  45.         </script> 
  46.     </head> 
  47.     <body> 
  48.         <h1>Test createWidget()</h1> 
  49.         <div id="vanilla"></div> 
  50.  
  51.         <h1>Test createWidget()/auto-loading</h1> 
  52.         <p> 
  53.             This tests the ability for createWidget() to automatically load the code for a widget,  
  54.             even though the user hasn't done a dojo.require() for the widget.  
  55.         </p> 
  56.         <div id="al"></div> 
  57.     </body> 
  58. </html> 

小结:解析DOJO动态生成Widget的内容介绍完了,希望通过Widget应用的学习能对你有所帮助!

责任编辑:zhaolei 来源: 博客园
相关推荐

2011-08-01 16:43:51

ibmdwHTML5Dojo

2011-09-08 09:38:46

HTML5 WidgeDojo

2011-09-09 17:59:26

QT Widget

2011-09-09 13:23:17

Widget

2011-09-07 17:54:40

Android Wid开发

2011-09-08 14:21:37

jQueryWidget

2011-09-09 10:00:20

Android Wid开发

2011-09-09 19:23:52

Widget

2011-09-07 14:01:41

Android Wid实例

2011-09-08 15:40:45

Android Wid组件

2011-09-07 14:39:47

Android Wid设计

2010-04-23 11:21:05

Widget开发

2011-09-07 13:30:48

Android WidTabWidget

2011-09-09 19:39:57

GTK Widget

2011-09-07 14:25:53

Android Wid设计

2011-09-08 16:28:02

Widget

2011-09-07 14:34:55

Android Wid控件

2011-09-08 16:07:13

Widget配置文件

2010-07-13 09:08:27

Widget开发

2011-09-08 11:43:32

GTK Widget
点赞
收藏

51CTO技术栈公众号