jQuery MiniUI

标题: 如何限制tab的切换 [打印本页]

作者: wewe 时间: 2014-11-21 15:23:36 标题: 如何限制tab的切换

如题，如何限制tab的切换
第一个tab页，有个隐藏字段，在点击某个按钮的时候由后台产生，带到前台的隐藏字段，如果这个隐藏字段没值，tab切换没作用，反之，能切换。求解决，谢谢

作者: felt 时间: 2014-11-21 15:42:14

监听tabs的onbeforeactivechanged事件
onbeforeactivechanged="onBeforeActiveChanged"
判断这个隐藏字段，
function onBeforeActiveChanged(e){
if(...............){
e.cancel=true //阻止切换
}
}

作者: wewe 时间: 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  //阻止切换
}
});
            }
   }

这是代码

作者: felt 时间: 2014-11-21 17:26:32

wewe 发表于 2014-11-21 17:22
好像还是可以切换到下一个tab呀
//切换tab
function onbeforeactivechanged(e) {

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)