在实际项目上，有很多地方后台存了一个表，但是在显示查询的时候需要显示为树形结构。

本项目是easyui+SSM框架。

前台程序为：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>列表</title>

<link rel="stylesheet" type="text/css" href="/static/js/easyui/themes/default.css"></link>

<link rel="stylesheet" type="text/css" href="/static/css/module.css"></link>

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

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

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

</head>

<body class="easyui-layout">

<div>

        <table id="test" title="Folder Browser" class="easyui-treegrid" style="width:700px;height:300px"

            data-options="url: '/dh/taskOrderInfo/list',method: 'get',rownumbers: true,

                idField: 'id',

                treeField: 'name',

                loadFilter: myLoadFilter,

                pagination:true,pageSize:20,">

        <thead>

            <tr>

                <th field="name" width="400">名称</th>

            </tr>

        </thead>

    </table>

</div>

<script type="text/javascript">

function myLoadFilter(data,parentId){

    function setData(){

        var todo = [];

        for(var i=0; i<data.length; i++){

            todo.push(data[i]);

        }

        while(todo.length){

            var node = todo.shift();

            if (node.children){

                node.state = 'closed';

                node.children1 = node.children;

                node.children = undefined;

                todo = todo.concat(node.children1);

            }

        }

    }

    setData(data);

    var tg = $(this);

    var opts = tg.treegrid('options');

    opts.onBeforeExpand = function(row){

        if (row.children1){

            tg.treegrid('append',{

                parent: row[opts.idField],

                data: row.children1

            });

            row.children1 = undefined;

            tg.treegrid('expand', row[opts.idField]);

        }

        return row.children1 == undefined;

    };

    return data;

}

</script>

</body>

</html>

前台使用easyui框架的tree-treegrid。

@RequestMapping(value = "list", method = RequestMethod.GET)

    @ResponseBody

    public List<Map<String,Object>> list(User user) {

        List<Map<String,Object>> list = queryService.queryAll("DhBaseTaskOrderInfoMapper", "queryParentList", null);

        for (Iterator iterator = list.iterator(); iterator.hasNext();) {

            Map<String, Object> newMap = (Map<String, Object>) iterator.next();

            List<Map<String,Object>> newList = queryService.queryAll("DhBaseTaskOrderInfoMapper", "queryChildList", newMap);

            newMap.put("children", newList);

        }

        return list;

    }

controller层主要是为了查询数据结构,调用公共的查询方法。

<select id="queryParentList" parameterType="hashmap"resultType="hashmap">

  <![CDATA[

select d.A_ID as id ,d.A_NAME as name ,d.A_FATHER as parent_id,dd.A_NAME as parent_name from A_base_info d

LEFT JOIN  A_base_info dd on dd.A_ID=d.A_FATHER and dd.BSFLAG='0'

where d.A_FATHER='0'

]]>

</select>

<select id="queryChildList" parameterType="hashmap"resultType="hashmap">

<![CDATA[

    select d.A_ID as id ,d.A_NAME as name from A_base_info d

    where d.A_FATHER=#{id}

]]>

</select>

如上为sql语句，查询树结构。

树形结构已经查询出来，就可以做上移下移的功能了。

数据库查询，显示为树形结构（easyui+SSM）的更多相关文章

  1. 使用递归算法结合数据库解析成java树形结构

    使用递归算法结合数据库解析成java树形结构 1.准备表结构及对应的表数据a.表结构: create table TB_TREE ( CID NUMBER not null, CNAME VARCHA ...

  2. golang笔记(1)-数据库查询结果映射至结构体

    通用的映射模式 query:="select id,name from user where id=?" //单个结构体ret:=&Activity{} DbClient( ...

  3. Java编程：将具有父子关系的数据库表数据转换为树形结构，支持无限层级

    在平时的开发工作中,经常遇到这样一个场景,在数据库中存储了具有父子关系的数据,需要将这些数据以树形结构的形式在界面上进行展示.本文的目的是提供了一个通用的编程模型,解决将具有父子关系的数据转换成树形结 ...

  4. DropDownList中显示无限级树形结构

    效果图: 数据库表: DirID:目录的ID,ParentID:目录的父路径ID,Name:目录的名字主要代码: using System;using System.Collections;using ...

  5. 查询显示MSSQL表结构 [转]

    SELECT 表名 = Case When A.colorder= Then D.name Else '' End, 表说明 = Case When A.colorder= Then isnull(F ...

  6. 使用Oracle数据库实现树形结构表的子-父级迭代（递归）查询和删除，通过级联菜单简单举例

    前言: 我们在开发中,常常遇到单表的子-父id级联的表结构,在树形的深度不确定的情况下,一次查询出某个树形结构下的所有具有子-父级关系的数据变得十分困难. 这时,我们使用oracle提供的CONNEC ...

  7. 使用Oracle数据库实现树形结构表的子-父级递归查询和删除，通过级联菜单简单举例

    前言: 我们在开发中,常常遇到单表的子-父id级联的表结构,在树形的深度不确定的情况下,一次查询出某个树形结构下的所有具有子-父级关系的数据变得十分困难. 这时,我们使用oracle提供的CONNEC ...

  8. 树形结构JSON的实现方法

    在Web应用程序开发领域,基于Ajax技术的JavaScript树形控件已经被广泛使用,它用来在Html页面上展现具有层次结构的数据项.目前市场上常见的JavaScript框架及组件库中均包含自己的树 ...

  9. [SQL Server]树形结构的创建

    对于SQL Server来说,构建显示一个树形结构不是一件容易的事情,逻辑构造能力不是它的强项.不过也不是说它没有能力干这个事情,只要换一种思维方式就可以理解它的工作原理. 例如,现在有一张表的内容如 ...

随机推荐

  1. ubuntu 16.04 安装 Matlab R2016b后启动出现的问题

    (1)报以下错误: License checkout failed.License Manager Error -95MATLAB is unable to connect to the licens ...

  2. MySQL源码学习——DBUG调试

    一.前言 在规模稍微大点的项目中,为了方便快速找到bug的所在,我们往往需要在代码中加入一些调试用的代码,比如加入一些printf,打印出一些重点的信息:加入assert,进行断言判断.这些比较随意的 ...

  3. MongoDB监控之一：运行状态、性能监控，分析

    为什么要监控? 监控及时获得应用的运行状态信息,在问题出现时及时发现. 监控什么? CPU.内存.磁盘I/O.应用程序(MongoDB).进程监控(ps -aux).错误日志监控 1.4.1 Mong ...

  4. <正则吃饺子> ：关于新项目的环境搭建（一）

    来到新的公司,需要使用myeclipse.maven.svn.tomcat.mysql: 对于先前一直只用 netbeans 的我,在这里把环境搭建 的情况记录下来.来加深自己的学习和帮助后来者. 第 ...

  5. [转载] C++ 类中的类成员变量怎么调用带参数的构造函数来初始化?

    #include "stdafx.h" class A { public: A(){ax = ;}; A(int a){ax = a;}; int ax; }; class B { ...

  6. asp.net mvc5 使用百度ueditor 本编辑器完整示例（下）

    一.百度ueditor 本编辑器 一个最大的优点是快速导入word文档的内容,特别 是导入word文档的图文混排效果. 操作步骤: 1.先打开word文档,Crtl +C复制 ,Ctrl+V粘贴到Ue ...

  7. JAVA 数组的常用操作

    目录: 声明数组: 初始化数组: 查看数组长度: 遍历数组: int数组转成string数组: 从array中创建arraylist: 数组中是否包含某一个值: 将数组转成set集合: 将数组转成li ...

  8. Coding WebIDE 开放支持第三方 Git 仓库

    为了给开发者提供更多便捷的开发方式,Coding.net 现正式宣布 WebIDE 开放啦 ! 用户可以自由选择各大代码托管平台,推送代码到其它家代码仓库啦,同时新版的 WebIDE 还有如下特性: ...

  9. Whitelabel Error Page异常

    做了个简单的springboot项目,一开始所有运行正常,之后写了一天的代码,再运行相同的代码,就一直报以下异常: Whitelabel Error Page This application has ...

  10. [python]MS17-010自动化扫描脚本

    一种是3gstudent分享的调用Nsa泄露的smbtouch-1.1.1.exe实现验证,另一种是参考巡风的poc.这里整合学习了下两种不同的方法. import os import fileinp ...