jQuery MiniUI

标题: 关于动态Tabs页的beforeactivechanged事件问题 [打印本页]

作者: zhzqj518    时间: 2013-9-9 11:47:48     标题: 关于动态Tabs页的beforeactivechanged事件问题

求教,我看api上写的是面板切换前发生事件,但是为什么,在执行这个事件的时候后面还是切换了,好像没用一样,我想切面面板前弹出一个确认框

作者: felt    时间: 2013-9-9 13:06:02

MiniUI的提示框不能阻塞下面的代码,你换成原生的就可以e.cancel=true阻止关闭了。
作者: zhzqj518    时间: 2013-9-9 13:13:59

felt 发表于 2013-9-9 13:06
MiniUI的提示框不能阻塞下面的代码,你换成原生的就可以e.cancel=true阻止关闭了。 ...

那如果我点击确定按钮叫他切换面板怎么做呢
作者: felt    时间: 2013-9-9 13:16:56

function onBeforeActiveChanged(e){
            if(!confirm("确定要换吗 ?")){
               e.cancel=true
            }
}
作者: zhzqj518    时间: 2013-9-9 13:19:02

felt 发表于 2013-9-9 13:16
function onBeforeActiveChanged(e){
            if(!confirm("确定要换吗 ?")){
               e.cance ...

主要是我想利用mini.showMessageBox显示三个按钮,保存,放弃,和取消,能做到吗
作者: factory    时间: 2013-9-9 13:53:56

zhzqj518 发表于 2013-9-9 13:19
主要是我想利用mini.showMessageBox显示三个按钮,保存,放弃,和取消,能做到吗 ...

mini.showMessageBox({
            title: "YESNOCANCEL",
            iconCls: "mini-messagebox-question",
            buttons: ["保存", "放弃", "取消"],
            message: "轻轻巧巧请问鹅鹅鹅",
            callback: function (action) {
                alert(action);
            }
        });
作者: factory    时间: 2013-9-9 14:40:46

zhzqj518 发表于 2013-9-9 13:19
主要是我想利用mini.showMessageBox显示三个按钮,保存,放弃,和取消,能做到吗 ...

监听onbeforeactivechanged事件
  1. function onbeforeactivechanged(e) {
  2.         e.cancel = true;

  3.         var tab = e.tab;
  4.         mini.showMessageBox({
  5.             title: "YESNOCANCEL",
  6.             iconCls: "mini-messagebox-question",
  7.             buttons: ["ok", "放弃", "取消"],
  8.             message: "轻轻巧巧请问鹅鹅鹅",
  9.             callback: function (action) {
  10.                 if (action == 'ok') {
  11.                     tabs.activeTab(tab);
  12.                 }
  13.             }
  14.         });
  15.      
  16.     }
复制代码

作者: zhzqj518    时间: 2013-9-10 10:16:30

factory 发表于 2013-9-9 14:40
监听onbeforeactivechanged事件

好的,谢谢,昨天我就是这么解决的,谢拉




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2