EasyUI—右键关闭选项卡
来源:互联网 发布:java 两个类互相引用 编辑:程序博客网 时间:2024/05/21 21:35
首先设置 一个 menu
<span style="font-family:KaiTi_GB2312;font-size:18px;"> <div id="mymenu" class="easyui-menu"> <div id="closeall">关闭全部</div> <div id="closeelse">关闭其他</div> </div></span>
js
// 选项卡 右键 ------------------------------------------------$('#eaTabs').bind('contextmenu',function(e){ e.preventDefault(); $('#mymenu').menu('show', { left: e.pageX, top: e.pageY }); }); //关闭所有选项卡 $("#closeall").bind("click",function(){ //获取所有的tag var tags=$('#eaTabs').tabs('tabs');/** 如果使用加的话 每次 加1 length -1 会造成 有些减不掉 所以删除 只能从长度开始删,删一次长度减一次**/for ( var i = tags.length-1; i >= 1; i--) {$('#eaTabs').tabs('close',i);} }); //关闭其他选项卡 $("#closeelse").bind("click",function(){ //获取所有的tag var tags=$('#eaTabs').tabs('tabs'); //获取当前的tag var tag=$('#eaTabs').tabs('getSelected'); //获取tag所在的index; var index=$('#eaTabs').tabs('getTabIndex',tag); for ( var i = tags.length-1; i >= 1; i--) { if(index == i){continue;}$('#eaTabs').tabs('close',i); } });
阅读全文
0 0
- EasyUI—右键关闭选项卡
- easyUI选项卡—右键关闭tabs
- ITOO中的EasyUI—右键关闭选项卡
- 【EasyUI】EasyUI主页面布局:左侧菜单tree、tabs选项卡、tabs右键菜单
- EasyUI简单实现 Ztree联动选项卡栏,并且对选项卡实现右键功能附加
- JQuery EasyUI 选项卡打开与关闭(9)
- easyui的tabs右键关闭菜单
- C#中用鼠标右键选中tabpage选项卡 并且弹出右键菜单,实现选项卡的关闭
- C#中用鼠标右键选中tabpage选项卡 并且弹出右键菜单,实现选项卡的关闭
- easyui 动态选项卡
- easyui选项卡
- EasyUI 选项卡
- 实现jquery EasyUI tabs选项卡关闭图标后加载自定义事件
- easyUI中tab选项鼠标反键关闭全部,关闭左侧,关闭右侧,关闭其他。
- 可关闭选项卡
- easyui动态添加选项卡
- easyUI切换tabs(选项卡)
- EasyUI的选项卡制作
- centos 6.9 快速部署lnmp网站
- Spring之Bean实现了ApplicationContextAware等aware接口,对于setApplicationContext方法执行时间点的说明
- Flex 布局
- Dataguard网络优化调整
- 五大存储模型关系模型、键值存储、文档存储、列式存储、图形数据库
- EasyUI—右键关闭选项卡
- 设计模式简介
- BZOJ 1087: [SCOI2005]互不侵犯King 状态压缩 题解
- IAR下STM32F103 Boot + APP的编程
- Python NLTK等环境配置安装
- Linux 关闭系统时间同步-timedatectl的使用
- 九度OJ-题目1168:字符串的查找删除-string的使用(转)
- 【OpenCV入门教程之一】 安装OpenCV:OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置
- 音频重采样