对话框回调

2017-01-12 09:53:17来源:作者:换个号韩国红果果人点击

今天遇见一个需求 在提交数据时需要同时弹出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

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台