对话框回调

本篇文章主要分享对话框回调,通过本文您将了解到回调的相关内容,请参考。

今天遇见一个需求 在提交数据时需要同时弹出3个确认菜单,点击了确认之后才能出现下一个弹出框,并且弹出之后确认框的逻辑在每一个点击确认后的回调函数中。就会有3个嵌套关系。既然是同一个逻辑的重复,自然想到了递归来实现。

对话框回调

弹出框的确认:

  	mui.confirm(content.shift(), "", forupar, function(res) {

					if(res.index == 0){
//点击确认的回调函数,此时是弹出第二个弹出框。
}

下面进行优化:

可以使用递归来做:

 var forupar = ["确定", "取消"];
		
		    var content=[
		    				"描述是否清晰并且单件描述中的报单地址已描述清楚?",
		    				"照片是否正确?",
		    				"单件地点是否准确?("+$("#searchinput").val()+")"
		    			];
			function dialog(){
				mui.confirm(content.shift(), "", forupar, function(res) {
					if(res.index == 0){
						if(content.length==0){
							//执行真正的数据提交操作
							add_report();
						}
						dialog();
return;
					}
				});

			}

			dialog();

即不断递归自身 来达到需求。

技巧性比较强。相比于直接把回调逻级一层一层写在里面很好。因为假如有10个弹出框的话那就萨比了。

另外还可以借助promise来完成。

  • 对话框回调
  • 大小: 342 KB
  • 查看图片附件

关于对话框回调的主要内容就介绍到这儿,文章来自网络,请大家参考。

您可以选择一种方式赞助本站

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: