`
huangyongxing310
  • 浏览: 482948 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

LayOutTest.html

 
阅读更多 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--miniui相关文件-->
    <script src="../miniui/scripts/boot_3.7.js" type="text/javascript"></script>
    <script src="../miniui/scripts/searchbox/js/grid_id_define.js"
            type="text/javascript"></script>
    <link href="../miniui/scripts/miniui_3.7/themes/default/miniui.css" rel="stylesheet" type="text/css"/>
    <link href="../miniui/scripts/miniui_3.7/themes/default/small-mode.css" rel="stylesheet" type="text/css"/>
    <link href="../miniui/scripts/miniui_3.7/themes/bootstrap/skin.css" rel="stylesheet" type="text/css"/>
    <!--miniui相关文件-->

    <link href="../miniui/css/demo.css" rel="stylesheet" type="text/css"/>


</head>
<style type="text/css">
    body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }
</style>


<body>

<!--<style type="text/css">-->
<!--    body{-->
<!--        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;-->
<!--    }-->
<!--</style>-->
<!--<div style="padding:50px;padding-left:100px;padding-bottom:0;">-->
<div class="mini-fit">
    <div id="layout1" class="mini-layout" style="width:100%;height:100%;">
        <!--    //==============用户信息栏-->
        <div title="north" region="north" style="background-color: #7de3e3;" height="80" showSplitIcon="false"
             showHeader="false" allowResize="false">
            <h1 style="margin:0;padding:25px;cursor:default;font-family:微软雅黑,黑体,宋体;">应用管理系统 V2</h1>
            <div style="position:absolute;top:28px;right:10px;">
                <!--            <a class="mini-button mini-button-iconTop" iconCls="icon-add" onclick="onQuickClick" plain="true">快捷</a>-->
                <!--            <a class="mini-button mini-button-iconTop" iconCls="icon-edit" onclick="onClick" plain="true">首页</a>-->
                <!--            <a class="mini-button mini-button-iconTop" iconCls="icon-date" onclick="onClick" plain="true">消息</a>-->
                <!--            <a class="mini-button mini-button-iconTop" iconCls="icon-edit" onclick="onClick" plain="true">设置</a>-->
                <span class="separator"></span>
                <span id="userNameId">测试人员</span>
                <span class="separator"></span>
                <a id="setId" class="mini-button " iconCls="icon-edit" onclick="onClickFun()" plain="true">设置</a>
                <span class="separator"></span>
                <a id="exitId" class="mini-button " iconCls="icon-close" onclick="onClickFun()" plain="true">退出</a>
            </div>
        </div>

        <div title="south" region="south" showSplit="false" showHeader="false" height="30">
            <div style="line-height:28px;text-align:center;cursor:default">Copyright © 上海普加软件有限公司版权所有</div>
        </div>

        <!--    //==============左侧菜单栏-->
        <div title="west" region="west" width="200" expanded="true" showSplitIcon="false"
             showHeader="false" showProxyText="true">
            <div id="leftTree" class="mini-outlooktree" url="outLookTree.txt" onnodeclick="onNodeSelect"
                 textField="text" idField="id" parentField="pid" showArrow="true"
            >
            </div>
        </div>


        <!--    //==============内容显示栏-->
        <!--    onactivechanged="onTabsActiveChanged"-->
        <div title="center" region="center">
            <div id="mainTabs" class="mini-tabs" style="width:100%;height:100%;"
                 plain="false" contextMenu="#tabsMenu"
            >
                <div title="首页" url="https://www.baidu.com/index.php" showCloseButton="false">
                </div>
            </div>
        </div>
    </div>
</div>

<!--//=============tabsMenu-->
<ul id="tabsMenu" class="mini-contextmenu" onbeforeopen="onTabsMenuBeforeOpen">
    <li onclick="closeTabFun">关闭标签页</li>
    <li onclick="closeAllButFun">关闭其他标签页</li>
    <!--    <li onclick="closeAll">关闭所有标签页</li>-->
</ul>

<!--</div>-->
<script type="text/javascript">

    mini.parse(); //解析HTML为mini控件

    // var tabs = mini.get("mainTabs");

    var currentTab = null;


    //增加一个Tab
    function addTabFun(tabsId, title, url) {
        var tabs = mini.get(tabsId);

        var tabTemp = checkSameTabFun("mainTabs", title);
        if (!tabTemp.title) {
            //add tab
            var tab = {};
            tab.title = title;
            tab.name = title;
            tab.url = url;
            tab.showCloseButton = true;

            tab = tabs.addTab(tab);
            tabs.activeTab(tab);
        } else {
            tabs.activeTab(tabTemp);
        }
    }

    //节点选中事件
    function onNodeSelect(e) {
        var node = e.node;
        var isLeaf = e.isLeaf;
        if (isLeaf) {

            //子节点才生成Tab
            addTabFun("mainTabs", node.text, node.url);

        }
    }

    //checkSameTab
    function checkSameTabFun(tabsId, title) {
        var tabs = mini.get(tabsId);

        var tabArray = tabs.getTabs();

        var tabLen = tabArray.length;

        if (tabLen == 0) {
            return {};
        }

        for (var i = 0; i < tabLen; i++) {
            var tab = tabArray[i];

            if (tab.title == title) {
                return tab;
            }
        }
        return {};
    }

    //
    function onTabsMenuBeforeOpen(e) {
        var tabs = mini.get("mainTabs");

        currentTab = tabs.getTabByEvent(e.htmlEvent);
        if (!currentTab) {
            e.cancel = true;
        }

        tabs.activeTab(currentTab);
    }


    ///////////////////////////
    function closeTabFun() {
        var tabs = mini.get("mainTabs");
        tabs.removeTab(currentTab);
    }

    function closeAllButFun() {
        // tabs.removeAll(currentTab); //删除所有子tab,currentTab除外
        //首页也不要删除

        var tabs = mini.get("mainTabs");
        var tabArray = tabs.getTabs();
        var tabLen = tabArray.length;

        // var tabArrayTemp = [];

        if (tabLen == 0) {
            return;
        }

        for (var i = 0; i < tabArray.length;) {
            var tab = tabArray[i];

            if (!tab) {
                i++;
                continue;
            }

            if (tab.title == currentTab.title) {
                i++;
                continue;
            }

            if (tab.title == "首页") {
                i++;
                continue;
            }

            tabs.removeTab(tab.name);

        }


    }


</script>


</body>
</html>
分享到：
| 前端实现从剪贴板中获取数据
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    LayoutTest.

    Layout布局的详细介绍，并有源码实例

    LayOutTest - Copy.rar

    Qtxlsx工程模板（亲测可用）

    TheaterSeatingCode

    应用概述此应用程序用于为各方分配席位。 但是有一些规则，比如填写尽可能多的订单将派对尽可能靠近前面。... 要更改剧院的布局和订单，请在 src/layoutTest.txt 文件中进行更改。 输出将打印在控制台中。

    LayoutTest-iOS, 在多个配置中，编写测试视图布局的单元测试.zip

    LayoutTest-iOS, 在多个配置中，编写测试视图布局的单元测试 概述这个库允许你编写单元测试来测试多个配置中视图的布局。 它使用不同的数据组合和不同的视图大小来测试视图。 图书馆在 objective-c 和Swift都工作。...

    藏经阁-3x3：提速移动交付.pdf

    LinkedIn 的移动团队还开发了 LayoutTest-iOS 测试框架，用于测试 iOS 应用程序的布局和性能，该框架可以自动化地测试应用程序的布局和性能，从而确保应用程序的稳定性和可靠性。 LinkedIn 的 3x3 提速移动交付...

Magicbox
Global site tag (gtag.js) - Google Analytics