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. JavaScript-Function基础知识

    function   1.  定义:一段预先设置的代码块,可以反复调用,根据输入参数的不同,返回不同的值:   2.  函数的声明方法:     (1)function 命令声明函数  functio ...

  2. SQL Server 里的递归查询

    http://www.360doc.com/content/13/0607/11/8463843_291221684.shtml

  3. web应用程序

    1.web应用程序和网站的区别 应用程序有两种模式C/S.B/S.C/S是客户端/服务器端程序,也就是说这类程序一般独立运行.而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来 ...

  4. android 通过uri获取bitmap图片并压缩

    很多人在调用图库选择图片时会在onActivityResult中用Media.getBitmap来获取返回的图片,如下: Uri mImageCaptureUri = data.getData(); ...

  5. Xcode 改时间问题 lua代码没反应问题

    Xcode 改时间问题  rm -fr $_TARGET_BUILD_CONTENTS_PATH/$1/*

  6. Filter 数组过滤函数精解示例

    '************************************************************************* '**模 块 名:Filter 数组过滤函数精解示 ...

  7. 如何使用Goolge Timeline工具

    网上中文的资料版本比较老,找到一个新版本的英文介绍,翻一下,原文:https://developers.google.com/web/tools/chrome-devtools/profile/eva ...

  8. 使用 SoapUI 测试ASP.NET Web API

    我们为不同的目的开发了很多web服务,经过授权的用户就可以访问和使用这些web服务.soapUI 是一个强大的测试web服务的工具,他不仅可以测试SOAP服务,他也支持测试RESTful服务.在这里我 ...

  9. 初识ASP.NET Core 1.0

    本文将对微软下一代ASP.NET框架做个概括性介绍,方便大家进一步熟悉该框架. 在介绍ASP.NET Core 1.0之前有必要澄清一些产品名称及版本号.ASP.NET Core1.0是微软下一代AS ...

  10. SOA相关资料整理分享

    昨@幸福框架同学问能否推荐SOA一些资,.想想之前看过不少资料文档,就整理分享下,有需要的可以参考下. 文章链接 理解面向服务的体系结构中企业服务总线场景和解决方案,第 1 部分 SOA 和 web ...