<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>PMES流程管理引擎系统</title>
<link rel="stylesheet" href="jquery/treeview/jquery.treeview.css" />
<script src="jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery/treeview/lib/jquery.cookie.js" type="text/javascript"></script>
<script src="jquery/treeview/jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#browser").hide().load("${pageContext.request.contextPath}/demo.jsp", function() {
$("#browser").fadeIn(3000).treeview();
});
});
</script>
</head>
<body>
<ul id="browser" class="filetree">
</ul>
</body></html>
<li class="expandable lastExpandable"><div class="hitarea expandable-hitarea lastExpandable-hitarea"></div><span class="folder">Folder 1</span>
<ul style="display: none;">
<li class="expandable"><div class="hitarea expandable-hitarea"></div><span class="folder">Item 1.1</span>
<ul style="display: none;">
<li class="last"><span class="file">Item 1.1.1</span></li>
</ul>
</li>
<li class="expandable"><div class="hitarea expandable-hitarea"></div><span class="folder">Folder 2</span>
<ul style="display: none;">
<li class="expandable"><div class="hitarea expandable-hitarea"></div><span class="folder">Subfolder 2.1</span>
<ul style="display: none;" id="folder21">
<li><span class="file">File 2.1.1</span></li>
<li class="last"><span class="file">File 2.1.2</span></li>
</ul>
</li>
<li class="collapsable lastCollapsable"><div class="hitarea collapsable-hitarea lastCollapsable-hitarea"></div><span class="folder">Subfolder 2.2</span>
<ul>
<li><span class="file">File 2.2.1</span></li>
<li class="last"><span class="file">File 2.2.2</span></li>
</ul>
</li>
</ul>
</li>
<li class="closed expandable"><div class="hitarea closed-hitarea expandable-hitarea"></div><span class="folder">Folder 3 (closed at start)</span>
<ul style="display: none;">
<li class="last"><span class="file">File 3.1</span></li>
</ul>
</li>
<li class="last"><span class="file">File 4</span></li>
</ul>
</li>
分享到：
相关推荐
《jQuery Treeview插件详解与应用实践》 在Web开发领域，jQuery库以其简洁的API和强大的功能，深受开发者喜爱。而jQuery Treeview插件，则是这个生态系统中的一个重要组件，它为网页带来了可折叠的树形视图，使得...
《jQuery Treeview.js 树形控件深度解析与应用》 在Web开发中，树形控件是一种常见的数据展示方式，它能够清晰地组织和层级化数据，方便用户浏览和操作。jQuery Treeview.js插件作为一款强大的JavaScript库，为...
`jQuery Treeview`还需要一个对应的CSS样式表来实现视觉效果。在`treeview1.0`压缩包中，可能包含一个默认的样式文件，例如`treeview.css`。确保将其引入到HTML文档中，以保证树状视图的正常显示： ```html ...
在 `jquery.treeview.js` 示例中，我们可能会看到如何应用和定制这个插件的各种功能。 首先，让我们了解 `jQuery.treeview` 的基本用法。要启用此插件，你需要在页面中引入 jQuery 库以及 `treeview.js` 文件。假设...
《jQuery Treeview插件详解与应用实践》 jQuery Treeview是一个流行且功能强大的JavaScript库，用于将HTML列表转换为可交互的树形视图。它极大地增强了网站的用户体验，允许用户以更直观的方式浏览和操作层次结构...
在Treeview中，`persist: "cookie"`配置项就是利用这个插件来保存用户的展开/折叠状态，实现用户在页面刷新后仍能保持之前的选择。 - **安装**：引入jQuery.cookie.js到你的HTML文件中。 ```html <script src="...
《jQuery Treeview 演示详解》 在Web开发领域，jQuery库因其强大的功能和易用性而备受青睐。其中，jQuery UI中的TreeView组件是一种用于展示层级数据的强大工具，它能够将数据结构以树状的形式呈现，使得用户可以更...
在本文中，我们将深入探讨如何使用Jquery.Treeview和Jquery UI来创建一个Web文件预览功能。这两个JavaScript库在Web开发中广泛用于增强用户体验，尤其是处理文件管理和展示。让我们一起详细了解一下它们的工作原理和...
开发者只需要在HTML中创建一个无序列表，然后应用jQuery Treeview的CSS类，并在页面加载完成后调用对应的JS方法，就可以实现树形视图的初始化。这样，用户就可以方便地展开、折叠节点，浏览和操作层级数据。 总的来...
根据给定文件内容，以下是关于为jQuery.Treeview添加右键菜单实现的详细知识点说明。 ### 知识点一：jQuery.Treeview组件介绍 jQuery.Treeview是一个用于在Web页面中创建树形视图控件的jQuery插件。这个组件可以将...
《jQuery Treeview 树形控件深度解析及应用实践》 jQuery Treeview 是一个流行的 jQuery 插件，它为网页提供了强大的树形视图功能。这个插件在 "JS特效-其它代码" 领域中广泛应用，尤其适用于构建层次结构清晰、...
本篇文章将深入探讨jQuery插件中的“TreeView”组件，特别是关于其异步加载树的实现。 TreeView是一种常见的UI元素，它通常用于展示层次结构的数据，如文件系统、组织结构等。在网页应用中，TreeView插件能够以树形...
在“jquery treeview async”这个场景下，我们关注的是如何利用Java后端和Servlet技术来实现异步（async）加载树形菜单。这种方法能够显著提高用户体验，因为它仅在用户需要时加载数据，而不是一次性加载所有节点。 ...
**jQuery TreeView 插件详解** ...总的来说，jQuery TreeView插件凭借其易用性、灵活性和丰富的功能，成为了Web开发中实现树形视图的首选工具。结合适当的配置和定制，可以轻松创建出美观且高效的树形界面。
jquery.treeview 这个插件实现了一个 jQuery UI 兼容的、数据驱动的树视图 GUI 控件。 它建立在我的 jquery.observable 库上： : 。 简而言之，它提供了一个函数，该函数将一个普通的 javascript 数据结构包装到一个...