閒話沒有,上代碼:
<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>
具體其他功能,研究中。。。