dijit之TooltipDialog

最新推荐文章于 2020-08-07 14:55:45 发布

qingqingzijinxin

最新推荐文章于 2020-08-07 14:55:45 发布

阅读量1.3k

点赞数

分类专栏： dojo学习文章标签： dojo dijit

dojo学习专栏收录该内容

29 篇文章 1 订阅

订阅专栏

<!doctype html>
<html lang="en" dir="ltr">
    <head>
        <title>TooltipDialog</title>
        <link rel="stylesheet" href="dijit/themes/claro/claro.css" />
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
                <script src="dojo/dojo.js" data-dojo-config="async: true, parseOnLoad:true"></script>
        <script>
        // Require the Button, TooltipDialog, DropDownButton, and TextBox classes
        require(["dojo/parser", "dijit/form/DropDownButton", "dijit/TooltipDialog", "dijit/form/TextBox", "dijit/form/Button", "dojo/domReady!"],
        function(parser){
            parser.parse();
        });    
        </script>
    </head>
    <body class="claro">
        <div data-dojo-type="dijit/form/DropDownButton">
            <span>Login</span><!-- Text for the button -->
            <!-- The dialog portion -->
            <div data-dojo-type="dijit/TooltipDialog" id="ttDialog">
                <strong><label for="email" style="display:inline-block;width:100px;">Email:</label></strong>
                <div data-dojo-type="dijit/form/TextBox" id="email"></div>
                <br />
                <strong><label for="pass" style="display:inline-block;width:100px;">Password:</label></strong>
                <div data-dojo-type="dijit/form/TextBox" id="pass"></div>
                <br />
                <button data-dojo-type="dijit/form/Button" data-dojo-props="onClick:doAlert" type="submit">Submit</button>
            </div>
        </div>

    </body>

</html>