a.html（父窗体）
js:
//显示树
$("#showTree").click(function(){
var url="showModalTree.action";
var ret =
window.showModalDialog(url,'','dialogHeight=520px;dialogWidth=366px;scroll=no;center:yes;status:no;help:no;');
//接收从子窗体传过来的参数
if(ret!=null){
var va = ret.split(',');
$(this).val(va[1]);
$("#Did").val(va[0]);
$("#description").val(va[2]);
} });
b.html（子窗体）
<script type="text/javascript">
//树形菜单
//窗体加载树
zTree_Menu = null;
var setting = {
view: {
showLine: true, //设置 zTree 不显示节点之间的连线
selectedMulti: false, //禁止多点同时选中的功能
dblClickExpand: false //取消默认双击展开父节点的功能
},
callback: {
beforeClick: beforeClick, //用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作
onClick: onClick
}
};
function beforeClick(treeId, node) {
if (node.isParent) {
zTree_Menu.expandNode(node);
}
return !node.isParent;
}
function onClick(event, treeId, treeNode) {
window.returnValue = treeNode.id+ "," + treeNode.name + "," + treeNode.description; //子窗体向父窗体传值
window.close();
};
$().ready(function(){
var zNodeszx=[<%=request.getAttribute("zstr").toString() %>];
$.fn.zTree.init($("#treeDemo3"), setting,zNodeszx);
zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo3");
});
</script>
</head>
<body>
<form id="forms" method="post" action="uploadFile.action">
<!-- 第三棵树选中的树结点 -->
<div class="zTreeDemoBackground left" > <!-- style="width: 100%; height: 136px; overflow: auto" -->
<ul id="treeDemo3" name="treeDemo3" class="ztree"></ul>
</div>
</form>
</body>
分享到：
相关推荐
**ZTree 使用详解** ZTree 是一款基于 jQuery 的灵活、强大的树形插件，广泛应用于网页界面中的数据展示和操作。这款插件以其丰富的配置选项、完善的API接口以及优秀的性能，深受开发者的喜爱。本教程将详细介绍...
ZTree 是一个基于 jQuery 的强大且灵活的目录树插件，广泛应用于网页中的数据展示和操作。它支持多种操作，如节点的增删改查、拖拽、丰富的事件处理和自定义属性，为开发者提供了丰富的功能选项。 **一、ZTree 基本...
**zTree 使用说明** zTree 是一款非常流行的 jQuery 插件，主要用于构建可交互的树形数据结构。它在Web应用中广泛应用于目录展示、权限管理、文件系统等场景，以其丰富的功能、良好的性能和易用性受到开发者的喜爱...
ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网...
2. **多选模式**：提供单选和多选两种模式，方便用户进行数据选择。 3. **节点操作**：包括展开、折叠、添加、删除、编辑等节点操作，满足用户对树形数据的日常管理需求。 4. **异步交互**：通过Ajax与服务器端进行...
在Web开发领域，jQuery、EasyUI和zTree都是常见的JavaScript库和框架，它们极大地提高了...通过阅读文档、查看示例代码以及不断实践，你将能够熟练掌握EasyUI和zTree的结合使用，创造出更加生动、直观的Web应用界面。
在"zTree_v3"文件夹中，你将找到各种DEMO示例，这些示例涵盖了zTree的基本用法和复杂应用，通过查看和运行这些示例，开发者可以快速掌握zTree的使用。同时，API文档会详细解释每个函数的参数、返回值以及使用场景，...
在简单模式下，zTree 使用 `id` 和 `pId` 来标识节点的父子关系，例如： ```javascript var nodes = [{id:1, pId:0, name: "父节点 1"},{id:11, pId:1, name: "子节点 1"},{id:12, pId:1, name: "子节点 2"}]; ``` ...
压缩包中的“zTree_v3”可能包含了各种示例代码，这些示例展示了zTree的不同应用场景和功能，如基本展示、多选模式、异步加载、拖拽操作等。通过分析和运行这些示例，开发者可以直观地了解zTree的用法，并根据实际...
**zTree资源与使用说明** zTree是一款基于JavaScript的开源树形控件，广泛应用于网页端的数据展示和交互。在Java开发中，zTree能够帮助我们实现数据的层级化展示，比如目录结构、组织架构或者权限管理等。下面将...
### Ztree 使用方法详解 #### 一、简介 Ztree 是一个依赖于 jQuery 的轻量级树插件，用于在 Web 页面中展示树形结构的数据。它提供了丰富的配置选项和强大的功能，支持异步加载数据、自定义节点样式、响应式布局等...
"ZTree使用教程" ZTree是基于jQuery的树形控件，能够帮助开发者快速构建树形结构的界面。下面是ZTree使用教程的详细介绍： 一、下载和安装ZTree 首先，需要下载ZTree的压缩包，例如ZTree v3.0.zip。下载后，解...
提供的`.chm`文件是zTree的官方帮助文档，包含了详细的API介绍、示例代码以及常见问题解答，是学习和使用zTree的重要参考资料。通过阅读此文档，开发者可以更好地理解和运用zTree的各种功能，解决实际开发中遇到的...
`layui`和`ztree`这两个工具结合，可以实现一个功能强大的下拉树组件，支持单选和多选，大大提升了用户体验。本文将详细介绍如何利用`layui`和`ztree`来构建这样的组件，并探讨其关键技术和应用场景。 `layui`是一...
最后，使用 JavaScript 调用 `$.fn.zTree.init()` 方法初始化 ZTree，传入容器元素和 JSON 数据。 ```html <link href="zTreeStyle/zTreeStyle.css" rel="stylesheet"> <script src="jquery.js"></script> ...
以下是对zTree核心特性和使用方法的详细解释。 一、基本概念与结构 zTree的核心是通过JSON数据格式来构建树节点，每个节点包含id、name、pId（父节点id）等属性，可以根据需求扩展其他自定义属性。树形结构由多个...
在本案例中，我们将探讨如何在MyEclipse环境中最简单地使用zTree。首先，确保你已安装了MyEclipse集成开发环境，并且熟悉基本的HTML、CSS和JavaScript编程。 1. **引入zTree库** 在项目中，你需要下载zTree的最新...
【基于ztree开发的下拉树控件ztree-select】是一种高效的前端UI组件，它结合了ztree的核心特性和下拉菜单的功能，适用于构建具有层级结构的选中项。ztree是一个广泛使用的JavaScript树形插件，而ztree-select则是其...
本篇文章将深入探讨如何利用jQuery ZTree进行创建、操作以及优化，帮助开发者更好地理解和使用这一强大的工具。 ### 一、ZTree的基本概念 ZTree的核心功能是将JSON数据转化为可交互的树形结构，其核心思想是通过...