左侧下拉树

最新推荐文章于 2024-01-18 20:01:37 发布

xiyuliuguang274

最新推荐文章于 2024-01-18 20:01:37 发布

阅读量78

点赞数

分类专栏：开发实例文章标签： dtree tree 树

本文链接：https://blog.csdn.net/xiyuliuguang274/article/details/84423974

版权

开发实例专栏收录该内容

34 篇文章 0 订阅

订阅专栏

JSP页面左面为树右面为后台列表附件为引用的JS文件

<%@ page language="java" pageEncoding="GBK"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<base href="<%=basePath%>"/>
<base target="_self">
<style type="text/css">

</style>
<head>
<title>目录下拉树</title>
<link rel="stylesheet" href="system/css/dtree.css" type="text/css"></link>
<link rel="stylesheet" href="style/css.css" type="text/css"></link>
<link rel="stylesheet" href="system/css/rightmenu.css" type="text/css"></link>
<script type="text/javascript" src="system/js/jquery.js"></script>
<script type="text/javascript" src="system/js/dtree.js"></script>
<script type="text/javascript" src="system/js/rightmenu.js"></script>
<script type="text/javascript" src="system/js/default.js"></script>
<script language="javascript" src="system/js/windowfaintness.js"></script>
<script type="text/javascript">

//将加号转化为_符号
function change(code){
var s=""+code;
var newstring= s.replace(/\+/g, "_");
return newstring;
}

function doSubmit(){
var proselected = "";
var proselects = getSelectedCheckBox();

for(i=0;i<proselects.length;i++){
if(proselected.indexOf(proselects[i].value)== -1){
if(i == 0){
proselected += proselects[i].value;
}else{
proselected += "," + proselects[i].value;
}
}
}
//只允许选择一个节点
var proselectedArray = proselected.split(",");
if(proselectedArray.length > 1){
proselected="1";
}
window.returnValue=proselected;
window.close();
}

//关闭当前窗口
function closewindow(){
window.close();
}


document.oncontextmenu = function(){return false;}

</script>
</head>
<body>
<table width="100%" border="1" align="center" bordercolor="ACD4EA" style="border-collapse: collapse; margin-left:5px;">
<tr>
<td height="20" colspan="4" valign="middle"
class="list-body-top" style="padding-left:5px;">资料目录</td>
</tr>
<tr>
<td colspan="4" valign="top" class="list-body-text2" style="height:300px;">

<div id="div1" style="padding-left:150px; border:1px solid #ACD4EA; padding-top:10px; padding-bottom:10px; height:300px; padding-left:10px;background-image:url(images/cho.jpg); background-position:right top; background-repeat: no-repeat; height:319px; overflow:scroll;">
<script type="text/javascript">
tree = new dTree('tree');//创建一个对象
tree.config.useSelection=false;
tree.config.useCheckBox=true;
tree.config.useIcons=true;
tree.config.useLines=true;
tree.openAll();
tree.add("1",-1,"文件夹目录","","","mainFrame","","","","","","","","");
<s:iterator id="datas" value="#request.folderMenuList">
//id, pid, name, url, title, target, value, checked, onclick, onmousedown,icon, iconOpen, open
tree.add('<s:property value="FCodeFolder"/>','<s:property value="FParentcodeFolder"/>','<s:property value="FFolderNameFolder"/>',"","","mainFrame","<s:property value="FFolderNameFolder"/>","<s:property value="memo1"/>");
</s:iterator>
document.write(tree);
setHalfSelected();
tree.openAll();
</script>
</div>

</td>
</tr>
<tr>
<td colspan="4" class="list-body-text1"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="list-body-bottom">
<tr>
<td align="center" nowrap="nowrap"><img src="images/region-save.gif" onClick="doSubmit()" style="cursor:hand;"/> <img src="images/region-close.gif" οnclick="closewindow()" border="0" style="cursor:hand;"/></td>
</tr>
</table></td>
</tr>
</table>

</body>
</html>