解析DOJO动态生成Widget-51CTO.COM

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

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

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