左侧下拉树

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" onclick="closewindow()" border="0" style="cursor:hand;"/></td>
          </tr>
        </table></td>
      </tr>
    </table>

</body>
</html>

猜你喜欢