前台代码:

<div data-options="region:'west',title:'我的工作平台',split:true,iconCls:'icon-desk'"  style="width: 200px;">
        <div id="aa" class="easyui-accordion" style="width: 300px; height: 200px;" data-options="fit:true">
            <div title="xx" data-options="iconCls:'icon-save',selected:true" style="overflow: auto; padding: 10px;">
                <ul id="tab1" class="easyui-tree">                  
                    <li id="Purchase.html">
                        <span>xxxx</span>
                    </li>
                     <li id="">
                        <span>xxxx</span>
                    </li>
                     <li id="">
                        <span>xxxx</span>
                    </li>
                </ul>
            </div>
            <div title="xx" data-options="iconCls:'icon-inStorage'" style="padding: 10px;">
                <ul id="Ul1" class="easyui-tree">
                    <li id="Li2">
                        <span>xxxx</span>
                    </li>
                    <li id="Li3">
                        <span>xxxx</span>
                    </li>
                    <li id="Li4">
                        <span>xxxx</span>
                    </li>
                </ul>
            </div>                              
        </div>
    </div>
    <div data-options="region:'center'" style="padding: 5px; background: #eee;">
       <div id="tabs" class="easyui-tabs" data-options="fit:true">
            <div title="主控台" id="mainimg"></div>
        </div>
    </div>

js代码:

$(function () {
    $(".easyui-tree").tree({
        onClick: function (node) {
            AddTab(node.text, node.id);
        }
    });

function AddTab(title, url) {

//判断选项卡是否重复打开
        if ($('#tabs').tabs('exists', title)) {
            $('#tabs').tabs('select', title);//选中并刷新
        } else {
            var content = createFrame(url); //创建Frame
            $("#tabs").tabs("add", {
                title: title,
                content: content,
                closable: true

})
        }
       
    }
    //创建Frame
    function createFrame(url) {
        var tabHeight = $("#tabs").height() - 35;
        var s = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:' + tabHeight + 'px;"></iframe>';
        return s;
    }

});

EasyUI选项卡避免重复打开的更多相关文章

  1. Android 在安装完成界面,点击打开应用程序。在应用程序点击home键,再从桌面打开程序导致产生多个实例或者说程序被重复打开

    Android 在安装完成界面,点击打开应用程序.在应用程序点击home键,再从桌面打开程序导致产生多个实例或者说程序被重复打开. etong_123的专栏 - 博客频道 - CSDN.NET htt ...

  2. 如何实现MDI窗体不重复打开同一个子窗体?

    使用MDI窗体时,默认是可以多次打开同一个子窗体的,那么如何控制不重复打开同一个子窗体呢?MDI窗体有个重要属性——MdiChildren,该属性表示MDI窗体打开的子窗体的数组,循环遍历该数组,可以 ...

  3. WPF实现只打开一个窗口,并且重复打开时已经打开的窗口置顶

    内容来自:https://codereview.stackexchange.com/questions/20871/single-instance-wpf-application 第一步:添加Syst ...

  4. cad.net 利用win32api实现不重复打开dwg路径的文件夹(资源管理器)

    这里地址的方法也是可用的,但是net3.5不能使用 为此我选择使用win32api的方式来遍历当前桌面所有资源管理器 /// <summary> /// 不重复打开dwg路径的资源管理器 ...

  5. c# winform中预防窗体重复打开

      当窗体以非模态形式打开的时候,有可能出现重复打开的情形,利用以下的代码可以预防重复打开! foreach (Form f in Application.OpenForms) { if (f.Nam ...

  6. 解决WP程序 重复打开出现 “正在加载...” 字样 解决方案

    在开发winphone程序时候 我们经常遇到调试.在调试的时候 可能会重复打开 debug一下.可是有时候 经常遇到 "正在加载...."字样.而且很慢.效率很低. 测试发现 在 ...

  7. easyui中jquery重复引用问题(tab内存泄露问题)

    今天认真测试了下easyui的一些兼容性问题,发现在ie9 ie10 首次加载的时候,会出现如下bug.如图所示: 认真看了下,我估计是脚本重复引用的问题,我用的iframe框架的模式.登陆系统后,桌 ...

  8. EasyUI选项卡tab页面处理示例

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  9. jQuery EasyUI 选项卡面板tabs使用实例精讲

    1. 对选项卡面板区域 div 设置 class=”easyui-tabs” 2. 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) 3. 设置面板 fi ...

随机推荐

  1. Linux用户的基本操作1 用户相关信息 及useradd /usermod 部分

    目录 linux 用户管理 - 用户的基本操作 用户管理 用户的相关命令 linux 用户管理 - 用户的基本操作 用户管理 1.什么是用户? 用户指的是能够正常登录Linux或windows系统 2 ...

  2. do{}while(0);里面有continue

    do{}while(0);里面有continue,退出的只是do{}while(0);

  3. docker安装MySQL5.7示例!!坑

    docker  pull  mysql 一.错误的启动 [root@localhost  ~]#  docker  run  ‐‐name  mysql01  ‐d  mysql 42f0981990 ...

  4. maven 查找依赖的办法

    maven 你需的jar包名称 repository 比如我要做EJB,我要找jboss-j2ee.jar的Dependency 就在GOOGLE里输入 maven jboss-j2ee reposi ...

  5. 【NOIP2016提高A组8.12】奇袭

    题目 由于各种原因,桐人现在被困在Under World(以下简称UW)中,而UW马上要迎来最终的压力测试--魔界入侵. 唯一一个神一般存在的Administrator被消灭了,靠原本的整合骑士的力量 ...

  6. 6398. 【NOIP2018模拟10.30】Generator(树状数组区间修改)

    题目描述 Description Input Output 输出 q 行,第 i 行表示数据 Di 的答案. Sample Input 4 3 2 1 1 2 4 2 1 2 1 1 3 5 2 2 ...

  7. 前端面试题常考&必考之--盒子模型和box-sizing(项目中经常使用)

    主要考察width的值,包括padding\border\content等属性??? box-sizing属性是css3特有的哦*** 1>当box-sizing:content-box;时,跟 ...

  8. css盒子模型中的border属性

        认识border属性 我们可以通过boder属性来为元素设置边框:元素的边框 (border) 是围绕元素内容和内边距的一条或多条线.CSS border 属性允许你规定元素边框的样式.宽度和 ...

  9. 进阶4:hive 安装

    安装包: apache-hive-2.1.1-bin.tar.gz 安装步骤: 1.上传   apache-hive-2.1.1-bin.tar.gz 到linux; 2.解压文件: tar zxvf ...

  10. 基于BootStrap的分页代码实现

    public class PageUtil { //targetUrl 访问url totalNum总记录数 currentPage 当前页数 pageSize每页的大小 public static ...