dojo 模態框 修改模態框的屬性

閒話沒有,上代碼:

<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>



具體其他功能,研究中。。。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章