解析DOJO動態生成Widget
作者：佚名
DOJO動態生成Widget是本文要介紹的內容，主要是來了解并學習Widget應用，關于Widget具體內容的實現來看本文詳解。
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應用的學習能對你有所幫助！
責任編輯：zhaolei
來源：
博客園
