最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
时间:2019-04-28 编辑:猪哥 来源:一聚教程网
测试环境
jquery-easyui-1.5.3
需求场景
点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭
解决方法
给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; } }); });
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28