jQuery MiniUI

 找回密码
 立即注册
查看: 1764|回复: 3
打印 上一主题 下一主题

如何限制tab的切换 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-11-21 15:23:36 |只看该作者 |倒序浏览
如题,如何限制tab的切换
第一个tab页,有个隐藏字段,在点击某个按钮的时候由后台产生,带到前台的隐藏字段,如果这个隐藏字段没值,tab切换没作用,反之,能切换。求解决,谢谢

Rank: 8Rank: 8

沙发
发表于 2014-11-21 15:42:14 |只看该作者
监听tabs的onbeforeactivechanged事件
onbeforeactivechanged="onBeforeActiveChanged"
判断这个隐藏字段,
function onBeforeActiveChanged(e){
   if(...............){
            e.cancel=true  //阻止切换
   }
}

Rank: 2

板凳
发表于 2014-11-21 17:22:12 |只看该作者
felt 发表于 2014-11-21 15:42
监听tabs的onbeforeactivechanged事件
onbeforeactivechanged="onBeforeActiveChanged"
判断这个隐藏字段, ...

好像还是可以切换到下一个tab呀
//切换tab   
                   function onbeforeactivechanged(e) {  
                          if(nui.get("ccid").value== null || nui.get("ccid").value == ""){
                                  mini.confirm("确认保存当前数据?" , "提示",function (action) {
                                                if (action == "ok") {
                                                        onOK();
                                                }else{
                                                 e.cancel=true  //阻止切换
                                                }
                                        });
                          }
                   }

这是代码

Rank: 8Rank: 8

地板
发表于 2014-11-21 17:26:32 |只看该作者
wewe 发表于 2014-11-21 17:22
好像还是可以切换到下一个tab呀
//切换tab   
                   function onbeforeactivechanged(e) {  

mini.confirm不能阻塞代码,请用原生confirm

Archiver|普加软件

GMT+8, 2024-10-8 05:22 , Processed in 1.049041 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部