`
huangyongxing310
  • 浏览: 494105 次
  • 性别: 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.

    4. **TableLayout**:表格布局由行(TableRow)组成,每行包含多个单元格,类似于HTML的表格。 5. **GridLayout**:网格布局将视图分布在网格中,每个视图占据一个或多个单元格。 6. **ConstraintLayout**:约束布局...

    LayOutTest - Copy.rar

    《Qtxlsx工程模板在 LayOutTest - Copy.rar 中的应用详解》 在现代软件开发中,数据处理和报表生成是不可或缺的部分,而Qt库作为一款跨平台的应用程序开发框架,其丰富的功能使得开发者能够轻松应对各种挑战。Qt...

    TheaterSeatingCode

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

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

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

    tablelayout for swing

    7. `LayoutTest.java`:另一个测试布局管理的程序,可能比较不同布局管理器的效果。 在详细的学习和实践中,我们可以研究这些源代码,了解TableLayout的工作原理,通过SwingTest和LayoutTest来实践布局管理,并且...

    android简单注册UI布局

    在`res/layout`目录下,创建一个名为`layoutTest.xml`的文件,此文件用于定义UI布局。例如: ```xml &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=...

    Android课程实验-线性布局实验-限制布局实验-表格布局实验-自制的浏览器.zip

    7. **LayoutTest**:与layoutTest2和layoutTest3类似,这可能是另一个布局实验,但可能更深入,可能会涵盖相对布局(RelativeLayout)、帧布局(FrameLayout)或约束布局(ConstraintLayout)等更复杂的布局管理器。...

    webkit笔记汇总

    2. **LayoutTest**: WebKit 的自动化测试框架,用于验证 WebCore 的功能和性能。 3. **WebKit Build System**: 用于构建 WebKit 源码,包括 Ninja 和 Makefile 方案。 4. **Source Control**: 使用 Git 进行版本控制...

    java swing 参考

    代码定义了一个名为 `LayOutTest` 的类,继承自 `JFrame` 类。`JFrame` 是 Swing 中用于创建主窗口的基本组件,它可以包含其他 Swing 组件。`JFrame` 的实例化后,会调用其构造函数,初始化窗口并设置其布局管理器。...

    Android开发技巧总汇(4)

    private static final String TAG = "LayoutTest"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.e(TAG, "********test********"); // 检查...

    MFC界面等比例缩放功能

    本文将深入探讨“MFC界面等比例缩放功能”,并结合给定的链接和可能存在的代码示例"LayoutTest",来详细讲解如何实现这一功能。 首先,MFC界面等比例缩放是为了确保应用程序在不同分辨率和DPI设置的显示器上显示得...

    C# 隐藏窗体最大化(使用DevExpress UI)

    在LayoutTest项目中,你可能已经创建了一个使用DevExpress布局管理器的窗体。布局管理器可以帮助你更好地组织和控制窗体上的控件,但实现上述功能时并不受其直接影响。只要遵循上述步骤,你就能在DevExpress UI环境...

    Android UI组件布局管理器

    在"LayoutTest"这个项目中,我们可以创建不同的布局测试用例,以实践和理解这些布局管理器的工作原理和使用技巧。通过运行和调试,可以直观地看到不同布局在不同设备和屏幕尺寸下的表现,从而优化UI设计。同时,阅读...

    google_chrome浏览器编译过程

    为了避免检查出 LayoutTest 文件,可以在 DEPS 文件中进行如下修改: ```bash "src/third_party/WebKit/LayoutTests": None, ``` 最后同步源代码: ```bash gclient sync ``` #### 三、编译 Chrome 编译...

    android 适配各种机型布局

    文件名“layoutTest”可能是指一个包含权重布局示例的测试项目,通过实际编写和运行代码来理解权重布局的工作原理和效果是非常有益的。 总之,合理运用权重属性以及Android提供的其他布局工具,开发者可以构建出能...

    [Android] 使用Include布局+Fragment滑动切换屏幕(源代码)

    在提供的资源"LayoutTest"中,可能包含了实现上述功能的源代码。通过研究这些代码,你可以看到`Include`布局如何被用来复用部分UI,以及`Fragment`如何被用作`ViewPager`的页面。这将帮助你更好地理解`Android`中...

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

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

    ios8 sizeclass demo Auto Layout

    在"ios8 sizeclass demo Auto Layout"这个项目中,LayoutTest很可能是包含示例代码和资源的文件夹,用于演示如何在实际应用中使用Size Classes和Auto Layout。在实际操作中,开发者可能创建了一个或多个故事板...

    搜索历史记录存储工具类

    此外,`LayoutTest`可能是与用户界面布局测试相关的文件。在实际应用中,搜索历史通常会展示在UI上,因此需要进行UI设计和布局测试,确保搜索历史列表的显示效果符合预期,并能正确响应用户操作,如点击清空按钮。 ...

Global site tag (gtag.js) - Google Analytics