当前位置 : 主页 > 网页制作 > Dojo >

dojo 模态框 修改模态框的属性

来源:互联网 收集:自由互联 发布时间:2021-06-15
闲话没有,上代码: htmlheadtitleDialog/titlestyle type="text/css" @import "dojo/resources/dojo.css"; @import "dijit/themes/tundra/tundra.css"; /style script type="text/javascript" djConfig="parseOnLoad: true, isDebug: true" src="do

闲话没有,上代码:

<html>
<head>
<title>Dialog</title>
<style type="text/css">
 @import "dojo/resources/dojo.css";
 @import "dijit/themes/tundra/tundra.css";
 
</style>  
<script type="text/javascript"
 djConfig="parseOnLoad: true, isDebug: true"
 src="dojo/dojo.js"></script>
<script type="text/javascript">
 dojo.require("dijit.Dialog");
 function showModalDialog(funOK,funCancel,args){
 dijit.byId("divDialog").attr("title",args.title);		//根据传进来的参数设定题头
 dijit.byId("divDialog").attr("class",args.style);		//根据传进来的参数设定样式

 dijit.byId("divDialog").show();
//绑定事件
 var divMDOK = dojo.byId("divDialog_btnOK");
 var divMDCancel = dojo.byId("divDialog_btnCancel"); 
 dojo.connect(divMDOK,"click",funOK)
 dojo.connect(divMDCancel,"click",funCancel)
 
 
 }
 
 
function funOK(){
	//dijit.byId("divDialog").hide();
	alert("OK")
}
function funCancel(){
	alert("cancel")
}

</script>
<style>
.dijitDialogUnderlay {
 background: #666666;
 opacity: 0.5;
}
.cssModalD {
width:200px;
height:100px;
text-align:center
}

</style>
</head>
<body class="tundra">
<button id="b1" onClick="showModalDialog('funOK','funCancel',{title:'ceshi',style:'cssModalD',color:'#FF00DD'})">显示dojo对话框</button> <br>


<div dojoType="dijit.Dialog" id="divDialog" closeNode="hider" title="填写表单">

<table id="divDialogContent" style=" text-align:center" >
   <tr>
    <td colspan="2" style="text-align:center"><label for="name" id="divDialog_info">提示信息 </label></td>

   </tr>
   <tr>
    <td><input type="button" value="确定" id="divDialog_btnOK"></td>
    <td><input type="button" value="取消" id="divDialog_btnCancel"></td>
   </tr>   
  </table>

</div>
<br>
<br>

<br>
测试用。。。。。。。。。。。。。。。
</body>
</html>
具体其他功能,研究中。。。
网友评论