JS:


            /*为选项卡绑定右键*/
                $("#tabs").tabs({
                    onContextMenu : function(e) {
                        /* 选中当前触发事件的选项卡 */
                        var subtitle = $(this).text();
                        $('#tabs').tabs('select', subtitle);
                        //显示快捷菜单
                        e.preventDefault();
                        //阻止冒泡
                        $('#menu').menu('show', {
                            left : e.pageX,
                            top : e.pageY
                        });
                        return false;
                    }

})


            //刷新
            $("#m-refresh").click(function () {
                var currTab = $('#tabs').tabs('getSelected');    //获取选中的标签项
                var url = $(currTab.panel('options').content).attr('src');    //获取该选项卡中内容标签(iframe)的 src 属性                 
                if (url == null) {
                    /* 重新设置该标签 */
                    $('#tabs').tabs('update', {
                        tab: currTab,
                        options: {
                            content: '<iframe frameborder="0"  src="Tabs/Monitoring/MonitoringOfMapType.aspx" style="height: 100%; width: 100%;" ></iframe>'//如果用herf,容易导致样式与主页面重载,导致页面奔溃.
                        }
                    })
                }
                else {
                    /* 重新设置该标签 */
                    $('#tabs').tabs('update', {
                        tab: currTab,
                        options: {
                            content: '<iframe frameborder="0"  src="' + url + '"  style="height: 100%; width: 100%;" ></iframe>'//如果用herf,容易导致样式与主页面重载,导致页面奔溃.
                        }
                    })
                }
            });
            //关闭所有
            $("#m-closeall").click(function () {
                $(".tabs li").each(function (i, n) {
                    var title = $(n).text();
                    if (title != '主页') {//非主页全部关闭
                        $('#tabs').tabs('close', title);
                    }
                });
            });
            //除当前之外关闭所有
            $("#m-closeother").click(function () {
                var currTab = $('#tabs').tabs('getSelected');
                currTitle = currTab.panel('options').title;
                $(".tabs li").each(function (i, n) {
                    var title = $(n).text();
                    if (currTitle != title && title != '主页') {//除本页和主页以外全部关闭
                        $('#tabs').tabs('close', title);
                    }
                });
            });
            //关闭当前
            $("#m-close").click(function () {
                var currTab = $('#tabs').tabs('getSelected');
                currTitle = currTab.panel('options').title;
                $('#tabs').tabs('close', currTitle);
            });

html:

<%--右键菜单--%>
    <div id="menu" class="easyui-menu" style="width: 150px;">
        <div id="m-refresh" data-options="iconCls:'icon-reload'">
            刷新</div>
        <div class="menu-sep" data-options="iconCls:''">
        </div>
        <div id="m-closeall" data-options="iconCls:''">
            全部关闭</div>
        <div id="m-closeother" data-options="iconCls:''">
            关闭其他</div>
        <div class="menu-sep">
        </div>
        <div id="m-close" data-options="iconCls:'icon-no'">
            关闭</div>
    </div>

EasyUI Tabs绑定右键的更多相关文章

  1. 解决easyui tabs中href无法跨域跳转

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content ...

  2. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用

    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):业务逻辑层的封装    ...

  3. 设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用

    设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo ...

  4. 【EasyUI学习-3】Easyui tabs入门实践

    作者:ssslinppp       1. 摘要 一般我们在设计程序主框架的时候,当点击(子)菜单时,希望相应界面都在tabs页中显示: 在显示的时候,如果之前打开过该界面,则希望重新选中对应的tab ...

  5. 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局

    EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...

  6. EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)

    在项目实际开发中,有将打开的各个链接页面隔离的需求(防止静态资源起冲突),这个时候常规思路就是使用iframe来实现!但遇到一个比较棘手的问题,当用easyui Tabs打开一个iframe页面时,怎 ...

  7. jquery easyui tabs单击刷新右键刷新

    单击刷新 $(".tabs-inner").click(function(){var currTab = self.parent.$('#tabs').tabs('getSelec ...

  8. EasyUI 表格点击右键添加或刷新 绑定右键菜单

    例1 在HTML页面中设置一个隐藏的菜单(前提是已经使用封装的Easyui) 代码: <div id="contextMenu_jygl" class="easyu ...

  9. easyui tabs update后tab上关闭图标失效的解决方案

    问题:使用easyui的tabs组件的时候,调用了tab的update方法,更新后的tab标签上的关闭图标失效 使用的js文件是1.3版本的jquery.easyui.min.js文件,通过读源文件发 ...

随机推荐

  1. iDB是如何运转的 一

    郑昀 创建于2015/12/2 最后更新于2015/12/4 关键词:数据库,MySQL,自动化运维,DDL,DML,SQL审核,备份,回滚,Inception,osc 提纲: 普通DBA和文艺DBA ...

  2. Linux Shell中单引号、双引号、反引号的区别【转载】

    linux shell可以识别4种不同类型的引字符号: 单引号字符' 双引号字符" 反斜杠字符\ 反引号字符` 1. 单引号 ( '' )# grep Susan phonebook Sus ...

  3. bzoj 2563: 阿狸和桃子的游戏

    开始写了一些东西但是后来浏览器挂了就没有存下来简直!!!!!!!!!!!!!QAQ 不想再写一遍了...总之是简单贪心. #include <iostream> #include < ...

  4. [译]Modern Core Graphics with Swift系列

    第一篇 想象一下你已经完成了你的app并且运行的很好,但是界面看上去太土,你可以在PS里面画好多不同尺寸的自定义控件,Apple并没有4x的retina屏幕. 或者你已经未雨绸缪,在代码中使用Core ...

  5. 图——拓扑排序(uva10305)

    John has n tasks to do. Unfortunately, the tasks are not independent and the execution of one task i ...

  6. SQL 去掉某字段括号中的值

    今天在数据库匹配数据的时候,发现一些数据存在别名,导致我的数据匹配不上.在这里记录分享一下 例如: 李钟硕 (Lee Jong Suk),这里我匹配的是 “李钟硕” 示例1: SELECT rever ...

  7. web预设模块化

  8. TP5验证规则使用

    定义验证器类: namespace app\index\validate; use think\Validate; class User extends Validate { protected $r ...

  9. Ubuntu安装c++编译器

    打开终端输入sudo apt-get install build-essential 安装gcc和一些库函数.提供C/C++的编译环境 注意编译c++程序要用g++

  10. Extjs扩展:封装Plupload

    关于Plupload Plupload是一个web文件上传组件,支持通过HTML5.Silverlight.Flash或者普通的form来上传文件,提供了过滤文件类型.设置上传文件大小.上传进度.针对 ...