使用dojo的dialog自定义confirm效果[DOJO]

所属分类：[界面编程] | 创建时间：2013-01-13 | 文章属性：原创 | 文章来源：http://windfly.cn | 作者：windfly

<pre class="js" name="code">/**
 * &#20351;&#29992;dojo dialog&#27169;&#25311;confirm&lt;br&gt;
 * &#36820;&#22238;true/false&lt;br&gt;
 * &#21069;&#25552;&#26159;&#24050;&#32463;&#24341;&#29992;&#20102;&#30456;&#24212;&#30340;dojo.js&lt;br&gt;
 * @author: DFH&lt;br&gt;
 * @since: 2012-05-16
 */
function dojoConfirm(content,callback){
	require([ &quot;dijit/Dialog&quot;,&quot;dijit/form/Button&quot;], function(Dialog) {
		content=content+
			&quot;&lt;br/&gt;&lt;button dojoType='dijit.form.Button' id='yesButton'&gt;&#30830;&#23450;&lt;/button&gt;&quot; +
			&quot;&lt;button dojoType='dijit.form.Button' id='noButton'&gt;&#21462;&#28040;&lt;/button&gt;&quot;;
		
		var confirmDialog = new Dialog({
			id:&quot;confirmDialog&quot;,
			title : '&#30830;&#35748;',
			content : content,
			onHide : function() {
				this.destroyRecursive();
			}
		});
		confirmDialog.startup();
		
		var yesButton = dijit.byId('yesButton');
 var noButton = dijit.byId('noButton');
 //&#22914;&#26524;&#28857;&#20987;&#30830;&#23450;&#25353;&#38062;
 dojo.connect(yesButton, 'onClick', function(mouseEvent) {
 confirmDialog.hide();
 callback();
 });
 //&#22914;&#26524;&#28857;&#20987;&#21462;&#28040;&#25353;&#38062;
 dojo.connect(noButton, 'onClick', function(mouseEvent) {
 confirmDialog.hide();});
 
 confirmDialog.show();
	});
}</pre>
 
 &#160;
 
 
 &#20351;&#29992;&#26102;&#35201;&#27880;&#24847;&#65292;&#20195;&#30721;&#20013;&#23450;&#20041;&#30340;&#19977;&#20010;id&#20540;&#22312;&#39033;&#30446;&#20013;&#19981;&#35201;&#37325;&#22797;&#12290;
 
 
 &#35843;&#29992;&#26041;&#24335;
 
 
 
 
 <pre class="js" name="code">dojoConfirm(&quot;&#30830;&#35748;&#35201;&#21024;&#38500;?&quot;,function(){
			//&#21024;&#38500;&#21151;&#33021;...
});</pre>
 &#160;&#19982;&#26222;&#36890;confirm&#19981;&#21516;&#30340;&#26159;&#65292;&#30452;&#25509;&#20256;&#20989;&#25968;&#32473;&#26041;&#27861;&#35753;&#20854;&#22312;&#30830;&#35748;&#21518;&#35843;&#29992;&#65292;&#32780;&#19981;&#26159;&#20351;&#29992;if&#21028;&#26029;