LigerUI的系統主界面

時間 2021-01-19

標籤 javascript css html java node jquery json ide url 欄目 JavaScript 简体版

原文原文鏈接

LigerUI的系統主界面
javascript

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="<%=basePath%>">
    <script src="<%=path%>/backui/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <link href="<%=path%>/backui/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css"/>
    <script src="<%=path%>/backui/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
    <script src="<%=path%>/backui/json2.js" type="text/javascript"></script>
    <script type="text/javascript">
        var mytab;
        function addtab(id, atext, aurl) {
            if (!mytab) return;
            mytab.addTabItem({tabid: id, text: atext, url: aurl})
        }
        //        var height = $(".l-layout-center").height();
        $(function () {
            $("#main").ligerLayout({topHeight: 40, leftWidth: 240});
//            alert(height);
//            $("#left").ligerAccordion({height: height});
            var data = [];
            data.push({ id: 1, pid: 0, text: '1' });
            data.push({ id: 2, pid: 1, text: '1.1' });
            data.push({url: 'top.html', id: 4, pid: 2, text: '第一個頁面' });
            data.push({url: 'top.html', id: 5, pid: 2, text: '第二個頁面' });
            data.push({url: 'http://www.baidu.com', id: 10, pid: 8, text: 'wefwfwfe' })
            var tree1 = $("#tree1").ligerTree({
                data: data,
                checkbox: false,
                slide: false,
                textFieldName: 'text',
                idFieldName: 'id',
                parentIDFieldName: 'pid',
                onSelect: function (node) {
                    if (!node.data.url) return;
                    var tabid = $(node.target).attr("tabid");
                    if (!tabid) {
                        tabid = new Date().getTime();
                        $(node.target).attr("tabid", tabid)
                    }
                    f_addTab(tabid, node.data.text, node.data.url);
                }
            });
            mytab = $("#home").ligerTab({
                width: "100%", height: "100%",
                showSwitchInTab: true,
                showSwitch: true,
                dblClickToClose: true,
                dragToMove: true,
                contextmenu: true });
            function f_addTab(tabid, text, url) {
                mytab.addTabItem({
                    tabid: tabid,
                    text: text,
                    url: url,
                    callback: function () {
//                        addFrameSkinLink(tabid);
                    }
                });
            }
            function onSelect(note) {
                alert('onSelect:' + note.data.text);
            }
        })
    </script>
</head>
<body style="padding:2px; overflow: hidden;">
<div id="main">
    <div position="top"><h2>後臺管理</h2></div>
    <div position="left">
        <ul id="tree1" style="margin-top:3px;"/>
    </div>
    <div id="home" position="center">
        <div tabid="a1" title="首頁">
            <iframe src="http://www.baidu.com" frameborder="0" width="100%"></iframe>
        </div>
    </div>
</div>
</body>
</html>