欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

程序员文章站 2022-06-09 14:41:38
测试环境 jquery-easyui-1.5.3 需求场景 点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的tasks...

测试环境

jquery-easyui-1.5.3

需求场景

点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskstatus,如果taskstatu不为taskend,则表示任务还在执行,不让关闭

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

解决方法

给tab标签页增加onbeforeclose事件处理函数,如下:

$(function(){
 $('#tabs').tabs({
  onbeforeclose: function(title,index){
   if (title.indexof('debug-') != -1) { // debug调试页面,否则查看用例页面
    var target = this;
    var tab = $(target).tabs('gettab', index);
    var tabid = tab.panel('options').id;
    var taskstatus = document.getelementbyid('iframe-' + tabid).contentwindow.taskstatus;
    if (taskstatus) {
     if ( taskstatus != 'taskend') {
      $.messager.alert('告警', '正在调试运行,请等待运行结束后再关闭!', 'warn')
      return false;
     }
    }
    return true;
   }
   return true;
  }
 });
});

说明:这里title,index分别为所点击tab的title和索引

总结

以上所述是小编给大家介绍的easyui 关闭jquery-easui tab标签页前触发事件的解决方法,希望对大家有所帮助