`
xiyuliuguang
  • 浏览: 31302 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

左侧下拉树

阅读更多
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">
<!--
.p {line-height:32px; padding-left:3px;}
-->
     </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();
}

<!--oncontextmenu:屏蔽IE右键;onMouseDown:取消已打开的右键菜单-->
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>
分享到:
评论

相关推荐

    js+css左侧下拉导航菜单

    js+css下拉导航菜单 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; ; charset=gb2312" /&gt; 首页 - 铁煤集团协同办公平台 ...

    博主推荐html下拉框树形(附好看的登录界面)

    完善的树形下拉框功能,根据自定义层级规则展开,可以直接嵌入项目,还附带两个漂亮的登录界面; 更多介绍:https://blog.csdn.net/weixin_43151418/article/details/124689160

    Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)

    将下拉菜单嵌到树节点中,使操作更加简便、紧凑。 效果演示 效果如图: 图示1:悬浮在树节点状态 图示2:点击三个点图标状态 图示3: 选中并选择菜单 如上,当鼠标悬浮在树节点上时,出现竖着的三个小

    Ztree+treeTable实现 Java实现 树形菜单 树形表格

    Ztree+treeTable实现 Java实现 树形菜单 树形表格 有丰富的实例 和官方开发文档,也有官方api 不懂的可以查询官方api,实现很简单,按照实例做就可以

    Extjs4树结构异步加载

    extjs4,当点击左边的树,右边会生成相应的面板,代码精简,欢迎大家来学习,有问题可以直接交流。

    flutter构建widget树demo,flutter资料学习demo,dart语言学习基础

    flutter基础学习demo,该demo中利用widget树原理构建复杂的布局和效果,其中使用了动态路由,以及手势;通过该demo可以很好的学习的如何布局,手势的使用以及动态路由的使用,通过这些可以很快的了解到跨平台flutter...

    vue实现鼠标移过出现下拉二级菜单功能

    主要介绍了vue实现鼠标移过出现下拉二级菜单功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    Python3.x+Pyqt5实现界面左侧导航栏的抽屉效果(折叠效果);界面和业务分离案例01_自己写的,有UI界面源代码

    Python3.x+Pyqt5实现界面左侧导航栏的抽屉效果(折叠效果);界面和业务分离案例01_自己写的,有UI界面源代码

    由后端flask生成的侧边栏无线级菜单tree

    用递归生成完美侧边栏菜单,前端页面优美,代码简洁

    js当当网上书店-首页

    当鼠标指针停在“我的当当”超链接上时,显示下拉树形菜单;当鼠标指针离开“我的当当”超链接或树形菜单时,树形菜单隐藏 (1)使用onmouseover、onmouseout事件来实现树形菜单的效果。 (2)使用display属性实现...

    jQuery EasyUI 1.3 API 中文教程

    创建XP风格左侧面板 数据表格 转换table到数据表格 数据表格添加分页组件 数据表格添加查询功能 数据表格添加工具条 数据表格设置冻结列 动态改变数据表格列 格式化数据表格列 数据表格设置排序 ...

    EasyUI创建人员树的实例代码

    我们再来看看这个DIV的具体代码,由于项目中在多个地方都使用到了这个人员树,所以我把这个DIV抽象出来当作一个公共的jsp页面。如需调用,只需要include这个jsp即可 userTree.jsp: &lt;&#37;@ page contentType=...

    搭建系统框架源码下载

    1,整个系统实现了4个主要功能,左边,上边,中间,下面四个区域,具体是左边的树展示,这是类型数据,效果非常漂亮,然后选择这棵树的节点 ,就可以在中间区域显示该类型下的所有信息集合。 2,上面的区域显示了...

    后台管理模板

    2,上面的区域显示了所有类型的最上级类型,通过选择某个类型,可以动态刷新左边的树,因为左边的树在默认情况下会绑定所有的类型集合,但是通过在最上面选择某个最上级类型就可以动态刷新左边的树,显示某个最上级...

    菜单、后台、网页模板

    超酷的仿flash特效菜单 超漂亮的电子商务管理平台模板 橙色的CSS团购网站首页菜单模板 多风格多功能后台管理模板 淡蓝色的二级CSS导航菜单 非常大气个性的jquery下拉menu ...左侧附边悬浮大气列表菜单

    2008最新框架源码,简单清晰明了

    2,上面的区域显示了所有类型的最上级类型,通过选择某个类型,可以动态刷新左边的树,因为左边的树在默认情况下会绑定所有的类型集合,但是通过在最上面选择某个最上级类型就可以动态刷新左边的树,显示某个最上级...

    javascript各种特效实例代码

    javascript各种特效实例代码:带按钮轮换横幅广告 横向菜单 轮换横幅广告 收缩左边栏效果 树形菜单 下拉级联框 向上滚动的文字 改变页面风格

    WindowsFileExplorer.rar

    2 在资源管理器左侧展示树形目录按计算机原本的目录结构进行显示 2.1 单击+号,展开节点,显示子目录节点 2.2 单击某节点主体,在右侧的列表区域显示该节点对应的目录下的所有子目录和文件的信息,并将对象统计数目...

Global site tag (gtag.js) - Google Analytics