介绍 Dijit的模态对话框模拟常规GUI对话框。内容可以任意的HTML,但通常一个表单或一段文章。用户可以关闭对话框没有代理通过单击X按钮在右上角。 对话框大小本身是大到足以显示它的
- 介绍
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>