请问artdialog.open()打开的窗口,怎么给他的关闭按钮绑定一个函数,谢谢

iverhan 2015-07-29 03:14:10

我用art.dialog.open() 打开一个窗口, 现在的需求是当点击这个窗口的关闭按钮时,弹出art.dialog.confirm()似的确定取消对话框, 点击确定就执行某些操作,然后关闭窗口,点击取消就取消关闭, 请问怎么能把这个函数与关闭窗口关联上,谢谢

...全文

1261 11 打赏收藏举报

写回复

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

flyseapp 2017-11-10

打赏
举报

找打了解决方法，像这种完善的插件一般都会有相应的事件的，我首先确定自己的artDialog插件的版本是v6.02版，然后翻看开发文档，发现了这么个属性

这个属性能够在点击右上角的关闭按钮时，执行一个函数。可以起到判断的作用
最终能达到想要的额效果，代码示例：

然后找到v5.0.4版本中有一个差不多的属性是

flyseapp 2017-11-10

打赏
举报

也是一样遇到问题，结果发现楼主没贴解决方案啊

zhixiaoqian 2016-11-22

打赏
举报

楼主，最后怎么解决的，我也遇到这个问题了

零七九三 2016-03-08

打赏
举报

不需要曲线救国，事实上artdialog有这个事件的调用

iverhan 2015-08-07

打赏
举报

终于用曲线的方法实线了, 先return false,再在confirm里实现

iverhan 2015-08-06

打赏
举报

引用 4 楼 jikeytang 的回复:

核心的代码是这段：


cancel: function () {
    if(confirm('Are you sure')){
        alert(1);
    } else {
        alert(2);
    }
    //alert('你点了取消按钮')
}

完整的例子在这，github上的这个页面：aui-artDialog-9fd667e/test/show.html


<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
<button data-event="test">open dialog</button>
<script src="../lib/sea.js"></script>
<script>
seajs.config({
  alias: {
    "jquery": "jquery-1.10.2.js"
  }
});
</script>

<script>
seajs.use(['jquery', '../src/dialog'], function ($, dialog) {


	$('button[data-event=test]').on('click', function () {
		var d = dialog({
			title: '消息',
			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
			okValue: '确 定',
			ok: function () {
				var that = this;
				setTimeout(function () {
					that.title('提交中..');
				}, 2000);
				return false;
			},
			cancelValue: '取消',
			cancel: function () {
                if(confirm('Are you sure')){
                    alert(1);
                } else {
                    alert(2);
                }
				//alert('你点了取消按钮')
			}
		});

		d.show();
	});

});
</script>
</body>
</html>

.................................................................


					window.parent.art.dialog.open(test.html, {
							id : "dialog1",
							title: '写邮件',
							width: 800,
							height: 500,
							resize: false,
							lock: true,    // 是否锁屏
							background: '#000',   // 遮罩颜色
							opacity: .5,    // 遮罩透明度
							duration: 100,   // 遮罩透明度渐变动画速度
							//close:    function() {
							//	console.log("ok");
							//	window.parent.art.dialog.confirm("test", function() {
							//		console.log('ok');
							//	})
							//}


							cancel: function () {
								if(window.parent.art.dialog.confirm('Are you sure')){
									window.parent.art.dialog.alert("ok");
								} else {
									window.parent.art.dialog.alert("not ok");
								}
								window.parent.art.dialog.alert('你点了取消按钮')
							}


						}, false);

iverhan 2015-08-06

打赏
举报

引用 4 楼 jikeytang 的回复:

核心的代码是这段：


cancel: function () {
    if(confirm('Are you sure')){
        alert(1);
    } else {
        alert(2);
    }
    //alert('你点了取消按钮')
}

完整的例子在这，github上的这个页面：aui-artDialog-9fd667e/test/show.html


<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
<button data-event="test">open dialog</button>
<script src="../lib/sea.js"></script>
<script>
seajs.config({
  alias: {
    "jquery": "jquery-1.10.2.js"
  }
});
</script>

<script>
seajs.use(['jquery', '../src/dialog'], function ($, dialog) {


	$('button[data-event=test]').on('click', function () {
		var d = dialog({
			title: '消息',
			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
			okValue: '确 定',
			ok: function () {
				var that = this;
				setTimeout(function () {
					that.title('提交中..');
				}, 2000);
				return false;
			},
			cancelValue: '取消',
			cancel: function () {
                if(confirm('Are you sure')){
                    alert(1);
                } else {
                    alert(2);
                }
				//alert('你点了取消按钮')
			}
		});

		d.show();
	});

});
</script>
</body>
</html>

豪情 2015-08-06

打赏
举报

核心的代码是这段：


cancel: function () {
    if(confirm('Are you sure')){
        alert(1);
    } else {
        alert(2);
    }
    //alert('你点了取消按钮')
}

完整的例子在这，github上的这个页面：aui-artDialog-9fd667e/test/show.html


<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
<button data-event="test">open dialog</button>
<script src="../lib/sea.js"></script>
<script>
seajs.config({
  alias: {
    "jquery": "jquery-1.10.2.js"
  }
});
</script>

<script>
seajs.use(['jquery', '../src/dialog'], function ($, dialog) {


	$('button[data-event=test]').on('click', function () {
		var d = dialog({
			title: '消息',
			content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
			okValue: '确 定',
			ok: function () {
				var that = this;
				setTimeout(function () {
					that.title('提交中..');
				}, 2000);
				return false;
			},
			cancelValue: '取消',
			cancel: function () {
                if(confirm('Are you sure')){
                    alert(1);
                } else {
                    alert(2);
                }
				//alert('你点了取消按钮')
			}
		});

		d.show();
	});

});
</script>
</body>
</html>

iverhan 2015-08-06