欢迎访问中国最大的EXTJS讨论社区 首页 论坛 教程

Ext教程-一起Ext

当前位置: 首页 > 教程 > DOJO教程 >

一个用dojo动态生成widget的例子

时间:2009-04-09 15:25来源:未知 作者:admin 点击:
来自官方 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd html head titleNon-markup widgets via createWidget/title script type=text/javascript var djConfig = { isDebug: true }; /script script type=text

  来自官方

<!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,
声明:本站教程文章版权为一起Ext(http://www.17ext.com/)所有,转载请注明出处
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容