网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/3 浏览:3 次 )

测试环境

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标签页前触发事件的解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

上一篇:Vue项目从webpack3.x升级webpack4不完全指南
下一篇:vue项目中在外部js文件中直接调用vue实例的方法比如说this
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 SiteMap