文档管理ztree

最新推荐文章于 2022-08-10 18:16:30 发布

sunywz

最新推荐文章于 2022-08-10 18:16:30 发布

阅读量778

点赞数

分类专栏：插件文章标签：文档管理 ztree url target

本文链接：https://blog.csdn.net/qq_31776219/article/details/53770028

版权

插件专栏收录该内容

2 篇文章 1 订阅

订阅专栏

这里写图片描述

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>文档管理</title>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 两列右侧自适应布局 */
.left-fixed_right-auto {
    width: 100%;
    height: 200px;
    clear: both;
    display: inline-block;
    margin-top: 20px;
}

.left {
    position: relative;
    float: left;
    width: 200px; /* 数值核心1 */
    height: 100%;
    margin-right: -200px; /* 数值核心2 */
    background: whilte;
}

.right {
    float: right;
    width: 100%;
    height: 100%;
    background: whilte;
}

.right-content {
    margin-left: 200px; /* 数值核心3 */
    height: 100%;
    background: whilte;
}
</style>
<script language="JavaScript" src="js/jquery-ztree-2.5.js"></script>
<script language="JavaScript" src="js/menu.js"></script>
<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">

<%@ include file="/WEB-INF/jsp/public/commons.jspf"%>
</head>
<body>

    <div class="left-fixed_right-auto">
        <div class="left">
            <%@ include file="left.jsp"%>
        </div>
        <div class="right">
            <div class="right-content">
                <!--页面标题-->
                <%--    <div id="Title_bar">
                    <div id="Title_bar_Head">
                        <div id="Title_Head"></div>
                        <div id="Title">

                            <img border="0" width="13" height="13"
                                src="${pageContext.request.contextPath}/style/images/title_arrow.gif" />
                            文档管理
                        </div>
                        <div id="Title_End"></div>
                    </div>
                </div>
 --%>

                <div id="MainArea" align="right">
                    <table cellspacing="0" cellpadding="0" class="TableStyle">

                        <!-- 表头-->
                        <thead>
                            <tr align=center valign=middle id=TableTitle>
                                <td width="100">文件名称</td>
                                <td width="100">类型</td>
                                <td width="100">备注</td>
                                <td width="100">所有者</td>
                                <td width="100">创建日期</td>

                                <td width="100">操作</td>


                            </tr>
                        </thead>


                        <tbody id="TableData" class="dataContainer" datakey="userList">

                            <s:iterator value="#accessoryFileList">
                                <tr class="TableDetail1 template">
                                    <td>${accessoryName}&nbsp;</td>
                                    <td>${accessoryType}</td>
                                    <td>${accessoryType}</td>

                                    <td>${accessoryType}</td>

                                    <td>${createDate}&nbsp;</td>



                                    <td><s:a action="user_delete?id=%{id}"
                                            onclick="return delConfirm()">删除</s:a> <s:a
                                            action="user_editUI?id=%{id}">下载</s:a>
                                    </td>
                                </tr>
                            </s:iterator>

                        </tbody>
                    </table>

                    <!-- 其他功能超链接 -->
                    <div id="TableTail">
                        <div id="TableTail_inside">
                            <s:a action="user_addUI">
                                <img
                                    src="${pageContext.request.contextPath}/style/images/createNew.png" />
                            </s:a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common.jsp"%>
<html>
<head>
<title>导航菜单</title>

<script language="JavaScript" src="js/jquery-ztree-2.5.js"></script>
<script language="JavaScript" src="js/menu.js"></script>
<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">


</head>
<body style="margin: 0">
<TABLE border=0 width="700">
    <TR>
        <TD width=340px align=center valign=top>

        <div class="zTreeDemoBackground">
            <ul id="menuTree" class="tree"></ul>

        </div>      
        </TD>
    </TR>
</TABLE>
</body>
</html>


var menu = {
    setting : {
        zTree : '',
        pNode : '',
        isSimpleData : true,
        treeNodeKey : "mid",
        treeNodeParentKey : "pid",
        showLine : true,
        root : {
            isRoot : true,
            nodes : []
        },
        callback : {
            click : zTreeOnClick
        },

    },

    loadMenuTree : function() {

        $.post("menuitemAction_showMenuitemsByUser.action", null,
                function(data) {
            menu.zTree =$("#menuTree").zTree(menu.setting, data.menuitemList);
            menu.zTree.expandAll(true);     
        });
    }
};

function zTreeOnClick(event, treeId, treeNode) {
    menu.pNode = treeNode;


    window.location = 'accessory_findAcfByid.action?parentId='+menu.pNode.mid;
};

$().ready(function() {
    menu.loadMenuTree();



});

//根据文件夹的节点id查找附件
    public String findAcfByid(){
        accessoryFileList=accessoryFileService.findAcfById(parentId);
    ActionContext.getContext().put("accessoryFileList", accessoryFileList);
            return "list";
    }

后台Action