微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐