LayOutTest.html

huangyongxing310

浏览: 508709 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

miniui

<!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>

miniUITest_-_副本.zip (51.5 KB)
下载次数: 0

miniUITest.zip (5.8 MB)
下载次数: 4

分享到：

smb上传下载文件 | 前端实现从剪贴板中获取数据

2019-06-20 18:31
浏览 355
评论(0)
分类:互联网
查看更多

发表评论

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

相关推荐

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

tablelayout for swing: TableLayout允许开发者通过行和列定义组件的位置，类似于HTML中的表格布局。用户可以指定行和列的大小，以及它们之间的间距，这使得布局在不同屏幕尺寸和分辨率下都能保持一致。在描述中提到的博客链接（由于实际...

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

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

SNS单模无芯光纤仿真与传感器结构特性分析——基于Rsoft beamprop模块: 内容概要：本文主要探讨了SNS单模无芯光纤的仿真分析及其在通信和传感领域的应用潜力。首先介绍了模间干涉仿真的重要性，利用Rsoft beamprop模块模拟不同模式光在光纤中的传播情况，进而分析光纤的传输性能和模式特性。接着讨论了光纤传输特性的仿真，包括损耗、色散和模式耦合等参数的评估。随后，文章分析了光纤的结构特性，如折射率分布、包层和纤芯直径对性能的影响，并探讨了镀膜技术对光纤性能的提升作用。最后，进行了变形仿真分析，研究外部因素导致的光纤变形对其性能的影响。通过这些分析，为优化光纤设计提供了理论依据。适合人群：从事光纤通信、光学工程及相关领域的研究人员和技术人员。使用场景及目标：适用于需要深入了解SNS单模无芯光纤特性和优化设计的研究项目，旨在提高光纤性能并拓展其应用场景。其他说明：本文不仅提供了详细的仿真方法和技术细节，还对未来的发展方向进行了展望，强调了SNS单模无芯光纤在未来通信和传感领域的重要地位。

发那科USM通讯程序socket-rece: 发那科USM通讯程序socket-set

嵌入式八股文面试题库资料知识宝典-WIFI.zip: 嵌入式八股文面试题库资料知识宝典-WIFI.zip

JS+HTML源码与image: 源码与image

物流行业车辆路径优化：基于遗传算法和其他优化算法的MATLAB实现及应用: 内容概要：本文详细探讨了物流行业中路径规划与车辆路径优化（VRP）的问题，特别是针对冷链物流、带时间窗的车辆路径优化（VRPTW）、考虑充电桩的车辆路径优化（EVRP）以及多配送中心情况下的路径优化。文中不仅介绍了遗传算法、蚁群算法、粒子群算法等多种优化算法的理论背景，还提供了完整的MATLAB代码及注释，帮助读者理解这些算法的具体实现。此外，文章还讨论了如何通过MATLAB处理大量数据和复杂计算，以得出最优的路径方案。适合人群：从事物流行业的研究人员和技术人员，尤其是对路径优化感兴趣的开发者和工程师。使用场景及目标：适用于需要优化车辆路径的企业和个人，旨在提高配送效率、降低成本、确保按时交付货物。通过学习本文提供的算法和代码，读者可以在实际工作中应用这些优化方法，提升物流系统的性能。其他说明：为了更好地理解和应用这些算法，建议读者参考相关文献和教程进行深入学习。同时，实际应用中还需根据具体情况进行参数调整和优化。

嵌入式八股文面试题库资料知识宝典-C and C++ normal interview_8.doc.zip: 嵌入式八股文面试题库资料知识宝典-C and C++ normal interview_8.doc.zip

基于灰狼优化算法的城市路径规划Matlab实现——解决TSP问题: 内容概要：本文介绍了基于灰狼优化算法（GWO）的城市路径规划优化问题（TSP），并通过Matlab实现了该算法。文章详细解释了GWO算法的工作原理，包括寻找猎物、围捕猎物和攻击猎物三个阶段，并提供了具体的代码示例。通过不断迭代优化路径，最终得到最优的城市路径规划方案。与传统TSP求解方法相比，GWO算法具有更好的全局搜索能力和较快的收敛速度，适用于复杂的城市环境。尽管如此，算法在面对大量城市节点时仍面临运算时间和参数设置的挑战。适合人群：对路径规划、优化算法感兴趣的科研人员、学生以及从事交通规划的专业人士。使用场景及目标：①研究和开发高效的路径规划算法；②优化城市交通系统，提升出行效率；③探索人工智能在交通领域的应用。其他说明：文中提到的代码可以作为学习和研究的基础，但实际应用中需要根据具体情况调整算法参数和优化策略。

嵌入式八股文面试题库资料知识宝典-Intel3.zip: 嵌入式八股文面试题库资料知识宝典-Intel3.zip

嵌入式八股文面试题库资料知识宝典-2019京东C++.zip: 嵌入式八股文面试题库资料知识宝典-2019京东C++.zip

嵌入式八股文面试题库资料知识宝典-北京光桥科技有限公司面试题.zip: 嵌入式八股文面试题库资料知识宝典-北京光桥科技有限公司面试题.zip

物理学领域十字形声子晶体的能带与传输特性研究及应用: 内容概要：本文详细探讨了十字形声子晶体的能带结构和传输特性。首先介绍了声子晶体作为新型周期性结构在物理学和工程学中的重要地位，特别是十字形声子晶体的独特结构特点。接着从散射体的形状、大小、排列周期等方面分析了其对能带结构的影响，并通过理论计算和仿真获得了能带图。随后讨论了十字形声子晶体的传输特性，即它对声波的调控能力，包括传播速度、模式和能量分布的变化。最后通过大量实验和仿真验证了理论分析的正确性，并得出结论指出散射体的材料、形状和排列方式对其性能有重大影响。适合人群：从事物理学、材料科学、声学等相关领域的研究人员和技术人员。使用场景及目标：适用于希望深入了解声子晶体尤其是十字形声子晶体能带与传输特性的科研工作者，旨在为相关领域的创新和发展提供理论支持和技术指导。其他说明：文中还对未来的研究方向进行了展望，强调了声子晶体在未来多个领域的潜在应用价值。

嵌入式系统开发_USB主机控制器_Arduino兼容开源硬件_基于Mega32U4和MAX3421E芯片的USB设备扩展开发板_支持多种USB外设接入与控制的通用型嵌入式开发平台_.zip: 嵌入式系统开发_USB主机控制器_Arduino兼容开源硬件_基于Mega32U4和MAX3421E芯片的USB设备扩展开发板_支持多种USB外设接入与控制的通用型嵌入式开发平台_

e2b8a-main.zip: e2b8a-main.zip

少儿编程scratch项目源代码文件案例素材-火柴人跑酷(2).zip: 少儿编程scratch项目源代码文件案例素材-火柴人跑酷(2).zip

【HarmonyOS分布式技术】远程启动子系统详解：跨设备无缝启动与智能协同的应用场景及未来展望: 内容概要：本文详细介绍了HarmonyOS分布式远程启动子系统，该系统作为HarmonyOS的重要组成部分，旨在打破设备间的界限，实现跨设备无缝启动、智能设备选择和数据同步与连续性等功能。通过分布式软总线和分布式数据管理技术，它能够快速、稳定地实现设备间的通信和数据同步，为用户提供便捷的操作体验。文章还探讨了该系统在智能家居、智能办公和教育等领域的应用场景，展示了其在提升效率和用户体验方面的巨大潜力。最后，文章展望了该系统的未来发展，强调其在技术优化和应用场景拓展上的无限可能性。适合人群：对HarmonyOS及其分布式技术感兴趣的用户、开发者和行业从业者。使用场景及目标：①理解HarmonyOS分布式远程启动子系统的工作原理和技术细节；②探索该系统在智能家居、智能办公和教育等领域的具体应用场景；③了解该系统为开发者提供的开发优势和实践要点。其他说明：本文不仅介绍了HarmonyOS分布式远程启动子系统的核心技术和应用场景，还展望了其未来的发展方向。通过阅读本文，用户可以全面了解该系统如何通过技术创新提升设备间的协同能力和用户体验，为智能生活带来新的变革。

嵌入式八股文面试题库资料知识宝典-C and C++ normal interview_1.zip: 嵌入式八股文面试题库资料知识宝典-C and C++ normal interview_1.zip

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

LayOutTest.html

评论

发表评论

相关推荐

批量粘贴公用方法

miniUITest

miniui 技术点

最近访客更多访客>>