使用dojo的dialog自定义confirm效果

/**
 * 使用dojo dialog模拟confirm<br>
 * 返回true/false<br>
 * 前提是已经引用了相应的dojo.js<br>
 * @author: DFH<br>
 * @since: 2012-05-16
 */
function dojoConfirm(content,callback){
	require([ "dijit/Dialog","dijit/form/Button"], function(Dialog) {
		content=content+
			"<br/><button dojoType='dijit.form.Button' id='yesButton'>确定</button>" +
			"<button dojoType='dijit.form.Button' id='noButton'>取消</button>";
		
		var confirmDialog = new Dialog({
			id:"confirmDialog",
			title : '确认',
			content : content,
			onHide : function() {
				this.destroyRecursive();
			}
		});
		confirmDialog.startup();
		
		var yesButton = dijit.byId('yesButton');
        var noButton = dijit.byId('noButton');
        //如果点击确定按钮
        dojo.connect(yesButton, 'onClick', function(mouseEvent) {
        confirmDialog.hide();
        callback();
        });
        //如果点击取消按钮
        dojo.connect(noButton, 'onClick', function(mouseEvent) {
        confirmDialog.hide();});
        
        confirmDialog.show();
	});
}

 

使用时要注意，代码中定义的三个id值在项目中不要重复。

调用方式

dojoConfirm("确认要删除?",function(){
			//删除功能...
});

 与普通confirm不同的是，直接传函数给方法让其在确认后调用，而不是使用if判断

评论

3 楼 谁说我不是会员 2015-01-18  

nana1002zz 写道

为什么我的报Js错误。

最新的版本已经提供了默认实现，不用自己实现了。

2 楼 nana1002zz 2014-06-05  

为什么我的报Js错误。

1 楼 谁说我不是会员 2014-03-25  

这个简单好用，给力。