- 浏览: 31302 次
- 性别:
- 来自: 沈阳
最新评论
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 4682jsp <%@ page language=" ... -
Oracle11g Enterprise Manager配置失败
2014-04-29 11:20 2532Win7先安装oracle 11g时,安装检测到系统的主 IP ... -
java弹窗导入导出文件
2014-03-24 11:42 1448package com.action.frame; impo ... -
jsp访问上级窗口元素
2014-04-29 11:22 418opener.document.getElementById( ... -
页面关闭IE触发事件方法
2013-09-30 09:56 554function window.onbeforeunload( ... -
页面右下角消息提示
2013-09-29 14:05 470<%@ page language="java ... -
oracle 日期列表
2013-09-29 12:52 483获取某个时间段之间的月份列表(示例返回2009-03到2010 ... -
倒计时
2013-09-24 10:01 321//提交 function doSubmit(){ ... -
oracle11G 最新驱动包
2013-09-24 10:00 678oracle11G 最新驱动包 解决与Spring冲突问题 ... -
获取第几天后的日期
2013-09-16 09:23 559Calendar cal = Calendar.getInst ... -
web工程下获取properties文件
2013-09-16 09:19 543String propertiesPath = getClas ... -
javamail
2013-09-16 09:15 532final SendMail sendmail = new S ... -
java根据年和周获取当前的日期时间段
2013-09-16 09:10 1252String[] dates = new String[7]; ... -
JSP判断日期间隔天数
2013-07-15 11:14 602var temp_field1 = $("#temp ... -
dtree不选中子节点处理
2013-05-17 10:35 1244//dtree.js 208行(chks[i].checked ... -
IE8下JS插入表格
2013-05-17 10:25 631//IE8下使用JS插入JSP表格 var tbl = do ... -
JSP选项卡显示
2013-05-17 10:22 1996<%@ page language="java ... -
JSP样式实例
2013-05-10 15:59 643<%@ page contentType="t ... -
Oracle表空间和用户创建赋权限
2013-05-10 15:54 635--RLDM CREATE TABLESPACE RLDM D ... -
hibernate oracle 主键递增
2013-05-10 15:47 464<?xml version="1.0" ...
相关推荐
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:点击三个点图标状态 图示3: 选中并选择菜单 如上,当鼠标悬浮在树节点上时,出现竖着的三个小
Ztree+treeTable实现 Java实现 树形菜单 树形表格 有丰富的实例 和官方开发文档,也有官方api 不懂的可以查询官方api,实现很简单,按照实例做就可以
extjs4,当点击左边的树,右边会生成相应的面板,代码精简,欢迎大家来学习,有问题可以直接交流。
flutter基础学习demo,该demo中利用widget树原理构建复杂的布局和效果,其中使用了动态路由,以及手势;通过该demo可以很好的学习的如何布局,手势的使用以及动态路由的使用,通过这些可以很快的了解到跨平台flutter...
主要介绍了vue实现鼠标移过出现下拉二级菜单功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
Python3.x+Pyqt5实现界面左侧导航栏的抽屉效果(折叠效果);界面和业务分离案例01_自己写的,有UI界面源代码
用递归生成完美侧边栏菜单,前端页面优美,代码简洁
当鼠标指针停在“我的当当”超链接上时,显示下拉树形菜单;当鼠标指针离开“我的当当”超链接或树形菜单时,树形菜单隐藏 (1)使用onmouseover、onmouseout事件来实现树形菜单的效果。 (2)使用display属性实现...
创建XP风格左侧面板 数据表格 转换table到数据表格 数据表格添加分页组件 数据表格添加查询功能 数据表格添加工具条 数据表格设置冻结列 动态改变数据表格列 格式化数据表格列 数据表格设置排序 ...
我们再来看看这个DIV的具体代码,由于项目中在多个地方都使用到了这个人员树,所以我把这个DIV抽象出来当作一个公共的jsp页面。如需调用,只需要include这个jsp即可 userTree.jsp: <%@ page contentType=...
1,整个系统实现了4个主要功能,左边,上边,中间,下面四个区域,具体是左边的树展示,这是类型数据,效果非常漂亮,然后选择这棵树的节点 ,就可以在中间区域显示该类型下的所有信息集合。 2,上面的区域显示了...
2,上面的区域显示了所有类型的最上级类型,通过选择某个类型,可以动态刷新左边的树,因为左边的树在默认情况下会绑定所有的类型集合,但是通过在最上面选择某个最上级类型就可以动态刷新左边的树,显示某个最上级...
超酷的仿flash特效菜单 超漂亮的电子商务管理平台模板 橙色的CSS团购网站首页菜单模板 多风格多功能后台管理模板 淡蓝色的二级CSS导航菜单 非常大气个性的jquery下拉menu ...左侧附边悬浮大气列表菜单
2,上面的区域显示了所有类型的最上级类型,通过选择某个类型,可以动态刷新左边的树,因为左边的树在默认情况下会绑定所有的类型集合,但是通过在最上面选择某个最上级类型就可以动态刷新左边的树,显示某个最上级...
javascript各种特效实例代码:带按钮轮换横幅广告 横向菜单 轮换横幅广告 收缩左边栏效果 树形菜单 下拉级联框 向上滚动的文字 改变页面风格
2 在资源管理器左侧展示树形目录按计算机原本的目录结构进行显示 2.1 单击+号,展开节点,显示子目录节点 2.2 单击某节点主体,在右侧的列表区域显示该节点对应的目录下的所有子目录和文件的信息,并将对象统计数目...