- 浏览: 32601 次
- 性别:
- 来自: 沈阳
最新评论
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>
<%@ 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>
- dtree.rar (100.9 KB)
- 下载次数: 3
发表评论
-
百度地图和ztree开发电子围栏功能
2016-09-29 09:27 4821jsp <%@ page language=" ... -
Oracle11g Enterprise Manager配置失败
2014-04-29 11:20 2570Win7先安装oracle 11g时,安装检测到系统的主 IP ... -
java弹窗导入导出文件
2014-03-24 11:42 1535package com.action.frame; impo ... -
jsp访问上级窗口元素
2014-04-29 11:22 444opener.document.getElementById( ... -
页面关闭IE触发事件方法
2013-09-30 09:56 593function window.onbeforeunload( ... -
页面右下角消息提示
2013-09-29 14:05 497<%@ page language="java ... -
oracle 日期列表
2013-09-29 12:52 524获取某个时间段之间的月份列表(示例返回2009-03到2010 ... -
倒计时
2013-09-24 10:01 368//提交 function doSubmit(){ ... -
oracle11G 最新驱动包
2013-09-24 10:00 701oracle11G 最新驱动包 解决与Spring冲突问题 ... -
获取第几天后的日期
2013-09-16 09:23 593Calendar cal = Calendar.getInst ... -
web工程下获取properties文件
2013-09-16 09:19 566String propertiesPath = getClas ... -
javamail
2013-09-16 09:15 558final SendMail sendmail = new S ... -
java根据年和周获取当前的日期时间段
2013-09-16 09:10 1305String[] dates = new String[7]; ... -
JSP判断日期间隔天数
2013-07-15 11:14 636var temp_field1 = $("#temp ... -
dtree不选中子节点处理
2013-05-17 10:35 1306//dtree.js 208行(chks[i].checked ... -
IE8下JS插入表格
2013-05-17 10:25 690//IE8下使用JS插入JSP表格 var tbl = do ... -
JSP选项卡显示
2013-05-17 10:22 2023<%@ page language="java ... -
JSP样式实例
2013-05-10 15:59 677<%@ page contentType="t ... -
Oracle表空间和用户创建赋权限
2013-05-10 15:54 670--RLDM CREATE TABLESPACE RLDM D ... -
hibernate oracle 主键递增
2013-05-10 15:47 491<?xml version="1.0" ...
相关推荐
在这个"Bootstrap左侧下拉三级菜单导航"项目中,我们主要探讨的是如何利用Bootstrap构建一个具有多级下拉功能的导航栏,这对于创建复杂的网站层级结构非常有用。 首先,Bootstrap的导航栏(Navbar)组件是实现这一...
js+css下拉导航菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; charset=gb2312" /> 首页 - 铁煤集团协同办公平台 ...
完善的树形下拉框功能,根据自定义层级规则展开,可以直接嵌入项目,还附带两个漂亮的登录界面; 更多介绍:https://blog.csdn.net/weixin_43151418/article/details/124689160
1. 用户界面设计原则:理解如何创建直观且易于使用的多选下拉树控件。 2. 编程语言:例如JavaScript、C#、Java等,根据所用的开发环境和平台选择合适的编程语言。 3. 图形用户界面库:如WinAPI、Qt、WPF、Angular等...
在Java开发中,构建用户界面时,树形菜单和树形表格是常见且重要的组件,它们可以帮助用户以层次结构的方式浏览和操作数据。本篇将详细介绍如何利用Ztree和treeTable来实现这样的功能。 Ztree是一款基于JavaScript...
flutter基础学习demo,该demo中利用widget树原理构建复杂的布局和效果,其中使用了动态路由,以及手势;通过该demo可以很好的学习的如何布局,手势的使用以及动态路由的使用,通过这些可以很快的了解到跨平台flutter...
"ExtJs菜单导航功能,不在用左边功能树"这一主题,旨在探讨如何在不使用左侧树形结构的情况下,利用ExtJs实现高效且现代感的菜单导航。 ExtJs是一款强大的JavaScript库,专门用于构建富客户端应用。它提供了丰富的...
"实用的垂直二级下拉栏目导航菜单"是一个专门针对这种需求设计的解决方案,它利用JavaScript和CSS技术创建了一个树形结构的滑动多级下拉菜单。这个插件特别适合那些内容层次丰富、分类繁多的网站,可以有效地组织和...
"多树枝直角模具"是Visio中的一个重要元素,尤其在绘制流程图或决策树时,这种模具显得尤为实用。 Visio的默认模具虽然提供了基础的直角分支功能,但在处理复杂图表时,六条分支可能不足以满足需求。针对这种情况,...
5. **路由事件**:在导航菜单中,可能用到路由事件,例如MenuItem的Click事件,使得点击事件可以在整个UI树中传播。 6. **依赖属性**:通过依赖属性实现状态管理,如菜单项的选中状态,这有助于在整个应用程序中...
在 Vue 中实现鼠标移过出现下拉二级菜单的功能,可以通过结合 Vue 的响应式系统、条件渲染(v-if 或 v-show)以及 CSS 过渡动画来实现。下面我们将详细探讨如何实现这一功能。 首先,Vue 提供了 `transition` 组件...
本篇文章将详细探讨如何利用后端Flask框架生成一个无限级的侧边栏树形菜单,并介绍与之相关的前端设计和代码组织技巧。 首先,Flask是一个轻量级的Python Web服务器网关接口(WSGI)应用框架,它的简洁性和易用性使...
QToolBox是PyQt5提供的一种用户界面元素,它允许用户通过下拉菜单或抽屉效果在多个页面之间切换,而QTreeWidget则用于呈现层次结构的数据,常用于导航菜单。 首先,我们需要了解PyQt5的基础知识。PyQt5是Python中的...
- 在Assignment Editor窗口中,左侧的导航树中选择“I/O Features”选项。 4. **定位到Node** - 在“I/O Features”界面下,找到并选择“Node”项。 5. **查找并选择需要配置的管脚** - 使用“Node Finder”...
ElementUI包含了诸如按钮、表格、弹框、提示、下拉菜单、导航栏、时间选择器等常见UI元素,极大地简化了前端开发过程。 要实现"首页导航及左侧菜单",我们首先需要设置布局。ElementUI提供了一个名为`...
JSON文件通常包含键值对,可以用来表示复杂的数据结构,如树形结构,这正是实现无限级菜单所需要的。 无限极下拉菜单的实现原理在于递归。当用户点击某个菜单项时,jQuery会检查该菜单项是否具有子菜单。如果有,它...
现在,每次打开文件资源管理器时,左侧的导航窗格会默认显示树形目录结构,包括当前文件夹及其上级目录。 以上两种方法可以帮助Windows 10用户更有效地管理和浏览文件系统。方法一适用于临时查看特定路径,而方法二...
同时,根据菜单项是否有子菜单,决定是否展开下拉列表。 在客户端,我们可能还需要使用JavaScript或jQuery来增强用户体验,例如实现点击时动态展开/折叠子菜单,或者添加动画效果。此外,CSS样式用于美化菜单的外观...
当鼠标指针停在“我的当当”超链接上时,显示下拉树形菜单;当鼠标指针离开“我的当当”超链接或树形菜单时,树形菜单隐藏 (1)使用onmouseover、onmouseout事件来实现树形菜单的效果。 (2)使用display属性实现...