Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/6/26 23:05:59
本文主要是介绍Easyui 关闭jquery-easui tab标签页前触发事件的解决方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
测试环境
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; } }); });
说明:这里title,index分别为所点击tab的title和索引
总结
以上所述是小编给大家介绍的Easyui 关闭jquery-easui tab标签页前触发事件的解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
这篇关于Easyui 关闭jquery-easui tab标签页前触发事件的解决方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程