`

jQuery treeview 在jsp中的应用

JSPjQueryJavaScriptCSSC# 
阅读更多

2. navigation.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

       <title>Insert title here</title>

       <link rel="stylesheet" href="css/jquery.treeview.css" />

       <link rel="stylesheet" href="css/screen.css" />

 

       <script src="javascript/jquery.js" type="text/javascript"></script>

       <script src="javascript/jquery.cookie.js" type="text/javascript"></script>

       <script src="javascript/jquery.treeview.js" type="text/javascript"></script>

       <script type="text/javascript">

           $(document).ready(function(){

              $("#navigation").treeview({

                  control: "#treecontrol",

                  persist: "location",

                  collapsed: true

              });

           });

       </script>

    </head>

    <body>

       <h1 id="banner">

           <a

              href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery

              Treeview Plugin</a> Demo

       </h1>

       <div id="main">

           <a href=".">Main</a>

           <h4>

              Sample - navigation

           </h4>

           <div id="treecontrol">

              <a title="Collapse the entire tree below" href="#"><img

                     src="images/minus.gif" /> Collapse All</a>

              <a title="Expand the entire tree below" href="#"><img

                     src="images/plus.gif" /> Expand All</a>

              <a

                  title="Toggle the tree below, opening closed branches, closing open branches"

                  href="#">Toggle All</a>

           </div>

           <ul id="navigation">

              <c:forEach var="list" items="${list}">

                  <li>

                     ${list.item}

                     <c:if test="${empty list.itemsForItemId == false}">

                         <ul>

                            <c:forEach var="list1" items="${list.itemsForItemId}">

                                <li>

                                   ${list1.item}

                                </li>

                            </c:forEach>

                         </ul>

                     </c:if>

                  </li>

              </c:forEach>

           </ul>

       </div>

    </body>

</html>

 

3. TestController

@Controller

public class TestController {

 

    @Autowired

    TestDao testDao;

 

    @RequestMapping("/navigation.html")

    public String navigation(HttpServletRequest request) {

       request.setAttribute("list", testDao.findTopItem());

       return "navigation";

    }

 

    @RequestMapping("/async.html")

    public String async(HttpServletRequest request) {

       return "async";

    }

}

 

 

4. TestDaoImpl

@Repository("testDao")

public class TestDaoImpl extends HibernateBaseDao implements TestDao {

    @SuppressWarnings("unchecked")

    public List<Item> findTopItem() {

       return getHibernateTemplate().find("from Item where itemLevel = 1");

    }

 

    @SuppressWarnings("unchecked")

    public List<Item> find(Long itemId) {

       return getHibernateTemplate().find("from Item a where a.itemId = ?",

              itemId);

    }

 

    @SuppressWarnings("unchecked")

    public List<Item> findSubItem(Long itemId) {

       List<Item> list = new ArrayList();

       List<Item> itemList = find(itemId);

 

       Set<Item> subList = itemList.get(0).getItemsForItemId();

       for (Item item2 : subList) {

           list.add(item2);

       }

       return list;

    }

 

    public Boolean hasSubItem(Long itemId) {

       Boolean ret = false;

       List<Item> subList = findSubItem(itemId);

       if (!subList.isEmpty()) {

           ret = lang

分享到：
| jQuery做的layout组件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    tree控件 jquery treeview

    在提供的文件列表中，`PrivilegeGroupAction.java`可能是处理权限分组的后台代码，`setPrivilegeUI.jsp`可能负责渲染前端页面，其中包含用于生成`treeview`的HTML结构和JavaScript代码。`jzaefferer-jquery-treeview...

    一个基于jQuery +ASP.NET实现的树型控件Treeview右键菜单Context Menu 源码例子

    在这个例子中，我们将探讨一个基于jQuery和ASP.NET技术实现的树型控件（TreeView）的右键菜单（Context Menu）功能。这个源码实例旨在帮助开发者了解如何在网页应用中集成这种常见且实用的交互元素。 首先，jQuery...

    jsp 实现TreeView

    - 在`TreeView`中，级联通常指的是节点的父子关系，一个节点可以有多个子节点，形成层次结构。 4. **Servlet或Ajax**： - 为了实现动态加载，可能需要使用Servlet来处理后台请求，获取并返回树结构的数据。 - ...

    treeview树形菜单 组件

    在本场景中，我们讨论的是一个名为`treeview`的组件，特别适合于JSP（JavaServer Pages）环境中的应用。 `jsp treeview`组件是基于Java的，它提供了在Web应用中创建动态树形视图的功能。这个组件通常由一系列的HTML...

    treeview控件网页树形结构展示数据

    本示例"treeview控件网页树形结构展示数据"通过JSP实现了一个简单的demo，旨在帮助开发者理解如何在网页中应用treeview来展示数据。 首先，我们需要引入treeview的相关库。常见的库有jQuery UI、Bootstrap Treeview...

    用jQuery UI实现动（静）态加载树

    总的来说，这个项目展示了如何结合jQuery UI、Servlet和JSP来实现一个动态加载的树形视图，这在Web应用中用于展示层次结构数据时非常常见。用户可以通过解压提供的`tree.zip`文件，了解整个流程的实现细节，包括前端...

    JSP中做树状图的工具

    5. **第三方库**：有许多开源的JavaScript库，如D3.js、jQuery UI的Treeview插件、jstree等，可以简化在JSP中创建树状图的过程。这些库通常提供丰富的API和预设样式，使得开发者可以快速创建复杂且好看的树状图。 6...

    treeview树状文件选择结构

    在JSP（JavaServer Pages）中实现树状选择，通常会涉及到JavaScript库如jQuery和特定的插件，例如jQuery UI的`treeview`插件。这个“treeview树状文件选择结构”可能就是通过这样的方式实现的，提供了一种交互式的...

    jsp常用开发中间件

    在JSP中，可以使用JavaScript库（如jQuery UI的Treeview插件）或自定义Java组件来实现。通常，服务器端会返回JSON格式的数据，前端根据这些数据渲染成树形结构。 5. **JSTL（JavaServer Pages Standard Tag Library...

    jsp两个常用树形结构

    本篇文章将详细探讨两种常用的JSP树形结构及其实现方法，帮助你理解如何在实际项目中灵活运用。 首先，我们来了解一下什么是树形结构。树形结构是一种数据结构，它模拟了自然界中的树状模型，由节点（或称为顶点）...

    JSP语言实现的选择树

    **JSP语言实现的选择树**是一种在Web应用中常见的用户交互元素，用于呈现层次结构的数据。JSP（JavaServer Pages）是Java平台上的一个技术，它允许开发人员将动态Java代码嵌入到静态HTML页面中，以创建动态、数据...

    JSP Ajax树形菜单源代码完整版.rar

    这个项目旨在展示如何在网页中动态加载和展示层次结构的数据，比如组织架构、目录结构等，而无需每次操作都重新加载整个页面。以下是该项目的主要知识点： 1. **JSP（JavaServer Pages）**：JSP是一种服务器端脚本...

    JSP树型目录，javascript树型目录。

    在IT行业中，构建树型目录是常见的需求，特别是在网页应用中，用于展示文件系统、组织结构或导航菜单等。JSP（JavaServer Pages）是一种基于Java的技术，用于创建动态网页，而JavaScript则是一种运行在客户端的脚本...

    jsp树形控件

    **JSP树形控件详解** 在Web开发中，用户界面的设计往往需要展示层次结构的数据，比如文件系统、组织架构等。...理解如何构建和操作树形结构，以及如何利用这些工具进行交互设计，是提升JSP应用用户体验的关键。

    ajax动态生成树 用于jsp

    在JSP中，我们通常会结合JavaScript库，如jQuery，来简化Ajax操作。 1. **创建HTML结构**： 在JSP页面上，我们需要一个容器来展示树形结构。例如，我们可以创建一个`&lt;div&gt;`元素作为树的容器： ```html ...

    struts+jQuery实现树

    在jQuery中，有许多插件可以用来构建树形结构，如jQuery UI的`treeview`，`jstree`等。这些插件通常提供了丰富的配置选项和事件接口，可以方便地实现各种定制功能，例如展开/折叠节点、选择节点、添加/删除节点等。...

    DTree动态jsp实现

    6. **DTree库的选择和使用**：有许多开源的DTree库可供选择，如jQuery UI的Treeview、Dojo的Tree等。理解各个库的特性和用法，根据项目需求选择合适的库，并能正确地在JSP中引入和调用。 7. **CSS样式**：DTree的...

    JSP项目中JAVASCRIPT 树形菜单

    在JSP（JavaServer Pages）项目中，JavaScript通常被用来为用户提供动态交互的功能，而树形菜单就是一种常见的用户界面元素。它可以帮助用户以层级结构浏览和操作数据，常见于文件系统、组织架构或者导航菜单等场景...

    JSP源码——JSP无限级分类目录树_sorttree.zip

    在JSP页面中，可以使用`&lt;jsp:useBean&gt;`标签实例化JavaBean，并通过`&lt;jsp:getProperty&gt;`标签获取类别信息。然后，使用嵌套循环（通常为`&lt;c:forEach&gt;`标签，来自JSTL - JavaServer Pages Standard Tag Library）遍历...

    jsp+js带单选复选框的动态树

    在JSP+JS环境中，动态树的实现可能依赖于一些前端库，如jQuery UI的Treeview插件，或者一些专门的JavaScript树形库如d3.js、zTree等。动态加载通常是为了提高页面性能，避免一次性加载大量数据。 **单选框（Radio ...

Magicbox
Global site tag (gtag.js) - Google Analytics