- 介绍
Dijit的模态对话框模拟常规GUI对话框。内容可以任意的HTML,但通常一个表单或一段文章。用户可以关闭对话框没有代理通过单击X按钮在右上角。
对话框大小本身是大到足以显示它的内容。如果内容太大,适合在视窗中,对话框使用滚动条滚动它的内容。
在创建一个对话框,该对话框(和衬底)动作本身身后<身体>元素在DOM,因此它可以覆盖整个网页。此举没有其他元素的父对话框domnode。
因此你必须添加一个class = "claro”属性(或其他适用的主题名称)到你的<身体>标签,以显示正确的风格的对话框:
<!DOCTYPE html> <html > <head> <link rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css"> <script>dojoConfig = {parSEOnLoad: true}</script> <script src='../dojo/dojo.js'></script> <script> require(["dijit/Dialog","dojo/domReady!"],function(Dialog){ myDialog = new Dialog({ title: "My Dialog",content: "Test content.",style: "width: 300px" }); }); </script> </head> <body class="claro"> <button onclick="myDialog.show();">show</button> </body> </html>