解析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>

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