对话框回调

本文介绍了一种使用递归方法实现多个连续确认框的方法,这种方法能够简化代码并提高可维护性,尤其是在需要处理多个确认步骤的情况下。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

[img]http://dl2.iteye.com/upload/attachment/0122/5230/bb16c810-bff0-3cd1-908f-ae41994310f6.png[/img]

弹出框的确认:

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来完成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值