DOJO dijit.dialog

介绍

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>

DOJO dijit.dialog

相关文章