`
xiyuliuguang
  • 浏览: 32601 次
  • 性别: 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>
分享到:
评论

相关推荐

    Bootstrap左侧下拉三级菜单导航

    在这个"Bootstrap左侧下拉三级菜单导航"项目中,我们主要探讨的是如何利用Bootstrap构建一个具有多级下拉功能的导航栏,这对于创建复杂的网站层级结构非常有用。 首先,Bootstrap的导航栏(Navbar)组件是实现这一...

    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

    28834支持复选功能树控件的下拉框

    1. 用户界面设计原则:理解如何创建直观且易于使用的多选下拉树控件。 2. 编程语言:例如JavaScript、C#、Java等,根据所用的开发环境和平台选择合适的编程语言。 3. 图形用户界面库:如WinAPI、Qt、WPF、Angular等...

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

    在Java开发中,构建用户界面时,树形菜单和树形表格是常见且重要的组件,它们可以帮助用户以层次结构的方式浏览和操作数据。本篇将详细介绍如何利用Ztree和treeTable来实现这样的功能。 Ztree是一款基于JavaScript...

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

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

    ExtJs菜单导航功能,不在用左边功能树

    "ExtJs菜单导航功能,不在用左边功能树"这一主题,旨在探讨如何在不使用左侧树形结构的情况下,利用ExtJs实现高效且现代感的菜单导航。 ExtJs是一款强大的JavaScript库,专门用于构建富客户端应用。它提供了丰富的...

    实用的垂直二级下拉栏目导航菜单

    "实用的垂直二级下拉栏目导航菜单"是一个专门针对这种需求设计的解决方案,它利用JavaScript和CSS技术创建了一个树形结构的滑动多级下拉菜单。这个插件特别适合那些内容层次丰富、分类繁多的网站,可以有效地组织和...

    VISIO的多树枝直角模具

    "多树枝直角模具"是Visio中的一个重要元素,尤其在绘制流程图或决策树时,这种模具显得尤为实用。 Visio的默认模具虽然提供了基础的直角分支功能,但在处理复杂图表时,六条分支可能不足以满足需求。针对这种情况,...

    WPF左侧漂亮的导航菜单.rar

    5. **路由事件**:在导航菜单中,可能用到路由事件,例如MenuItem的Click事件,使得点击事件可以在整个UI树中传播。 6. **依赖属性**:通过依赖属性实现状态管理,如菜单项的选中状态,这有助于在整个应用程序中...

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

    在 Vue 中实现鼠标移过出现下拉二级菜单的功能,可以通过结合 Vue 的响应式系统、条件渲染(v-if 或 v-show)以及 CSS 过渡动画来实现。下面我们将详细探讨如何实现这一功能。 首先,Vue 提供了 `transition` 组件...

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

    本篇文章将详细探讨如何利用后端Flask框架生成一个无限级的侧边栏树形菜单,并介绍与之相关的前端设计和代码组织技巧。 首先,Flask是一个轻量级的Python Web服务器网关接口(WSGI)应用框架,它的简洁性和易用性使...

    (续)Python3.x+Pyqt5实现主窗体里QToolBox导航栏抽屉效果和树形导航,以及QSplitter用QToolBox导航栏抽屉效果动态载入子窗体

    QToolBox是PyQt5提供的一种用户界面元素,它允许用户通过下拉菜单或抽屉效果在多个页面之间切换,而QTreeWidget则用于呈现层次结构的数据,常用于导航菜单。 首先,我们需要了解PyQt5的基础知识。PyQt5是Python中的...

    Altera FPGA管脚弱上拉电阻的软件设置方法

    - 在Assignment Editor窗口中,左侧的导航树中选择“I/O Features”选项。 4. **定位到Node** - 在“I/O Features”界面下,找到并选择“Node”项。 5. **查找并选择需要配置的管脚** - 使用“Node Finder”...

    ElementUI之首页导航及左侧菜单(模拟实现)

    ElementUI包含了诸如按钮、表格、弹框、提示、下拉菜单、导航栏、时间选择器等常见UI元素,极大地简化了前端开发过程。 要实现"首页导航及左侧菜单",我们首先需要设置布局。ElementUI提供了一个名为`...

    jQuery无限极侧边下拉菜单代码

    JSON文件通常包含键值对,可以用来表示复杂的数据结构,如树形结构,这正是实现无限级菜单所需要的。 无限极下拉菜单的实现原理在于递归。当用户点击某个菜单项时,jQuery会检查该菜单项是否具有子菜单。如果有,它...

    win10系统中显示树形目录文件夹的两种方法.docx

    现在,每次打开文件资源管理器时,左侧的导航窗格会默认显示树形目录结构,包括当前文件夹及其上级目录。 以上两种方法可以帮助Windows 10用户更有效地管理和浏览文件系统。方法一适用于临时查看特定路径,而方法二...

    C#左侧菜单动态导航(有数据库)

    同时,根据菜单项是否有子菜单,决定是否展开下拉列表。 在客户端,我们可能还需要使用JavaScript或jQuery来增强用户体验,例如实现点击时动态展开/折叠子菜单,或者添加动画效果。此外,CSS样式用于美化菜单的外观...

    js当当网上书店-首页

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

Global site tag (gtag.js) - Google Analytics