tab切换事件

flower

想做一个面板切换前的事件：当前面板有数据更改，更换面板时需提示：有更改的数据，是否需要保存？如果需要，则保存当前页面后切换至之前点击的面板；如果不需要则直接更换到点击的面板；

API中提供了一个onbeforeactivechanged事件，是面板切换之前事件，但是不管是否保存当前数据，都会先跳到点击的页面上去，这个怎么解决？我想先选择结果之后再跳转，下面给出代码和效果图：代码：

function onbeforeactivechanged(){
                        if (grid_holiday.getChanges().length > 0) {
                                mini.confirm("有增删改的数据未保存，是否需要保存？","提示", function(status){
                                        if(status=="ok"){
                                                onSave(1,grid_holiday);
                                        }else{
                                                if(grid_holiday.getRow(0).name == "New Row"){
                                                        grid_holiday.removeRow(grid_holiday.getRow(0));
                                                }
                                                grid_holiday.accept();//清除所有行编辑痕迹
                                        }
                                });
            }

}

效果图：
1、先新增一条数据，并不保存：

2、然后更换面板，先跳转再提示：

felt

1 这个事件里e.cancel=true就是阻止切换
2 mini.comfirm无法像原生的confirm那样阻塞代码，你这里需要用原生的
confirm("...", "...", function (action) {
                if (action == "ok") e.cancel = true;
            })

flower

felt 发表于 2016-9-21 09:43
1 这个事件里e.cancel=true就是阻止切换
2 mini.comfirm无法像原生的confirm那样阻塞代码，你这里需要用原 ...

但是在这里直接先cancel阻止之后，我点击确定或者取消之后就不能再跳转到需要跳转的页面了吧？

felt

flower 发表于 2016-9-21 16:18
但是在这里直接先cancel阻止之后，我点击确定或者取消之后就不能再跳转到需要跳转的页面了吧？ ...

是的

flower

felt 发表于 2016-9-21 16:39
是的

那有没有办法可以实现我说的需求呢？先弹出提示框，点击之后再进行面板的切换呢？

felt

flower 发表于 2016-9-21 17:14
那有没有办法可以实现我说的需求呢？先弹出提示框，点击之后再进行面板的切换呢？ ...

用原生的confirm
js模拟的弹出都无法阻塞代码

flower

felt 发表于 2016-9-21 17:15
用原生的confirm
js模拟的弹出都无法阻塞代码

ok~可以解决了，只是用不到miniui的样式了   谢谢哦~