zoukankan      html  css  js  c++  java
  • EasyUI选项卡避免重复打开

    前台代码:

    <div data-options="region:'west',title:'我的工作平台',split:true,iconCls:'icon-desk'"  style=" 200px;">
            <div id="aa" class="easyui-accordion" style=" 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="100%;height:' + tabHeight + 'px;"></iframe>';
            return s;
        }

    });
     

    走好选择的路,别选择好走的路
  • 相关阅读:
    文件传输-一个大文件传输
    日志模块-logging模块
    加密模块hashlib
    面向对象进阶-反射
    面向对象
    模块和包
    作业-学生管理系统
    Java 链表反转
    Haoop MapReduce 的Partition和reduce端的二次排序
    Hadoop 笔记1 (原理和HDFS分布式搭建)
  • 原文地址:https://www.cnblogs.com/weimingxin/p/6710005.html
Copyright © 2011-2022 走看看