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

本项目是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. 「USACO16OPEN」「LuoguP3146」248（区间dp

    题目描述 Bessie likes downloading games to play on her cell phone, even though she doesfind the small to ...

  2. 计时器 vb

    十分钟 我们寒假就是这么长!! vb 执行cmd   :              shell "cmd /c DOS命令" vb 取系统日期: Print Date; " ...

  3. 使用json-lib的JSONObject.toBean( )时碰到的日期属性转换的问题

    今天碰到这样一个问题:当前台以JSON格式向后台传递数据的时候,对于数据中的日期属性,无法正常转换为相应的Date属性.JSON数据是这样的:{"birthday":"1 ...

  4. Levko and Array

    题意: 有一长度为n的正整数序列,你可以选择K个数字任意改变它,使得$max \{ a(i+1) - a(i) \} $ 最小,求最小值. 解法: 1.$O(n^2log(MAX_A) )$,考虑二分 ...

  5. 07.oAuth2介绍

    07.oAuth2介绍 微信可以任意的去添加客户端,第三方的客户端,.去生成key和secret.你就自动成为他的第三方可以,去调用微信的api 简书的第三方登陆 点击微博,这里用到OAuth里面最严 ...

  6. IT兄弟连 JavaWeb教程 Servlet会话跟踪 Session技术

    Servlet提供了HttpSession接口,该接口提供了一种跨多个页面请求或访问网站时识别用户以及存储有关用户信息的方式. Servlet容器使用这个接口来创建一个HTTP客户端和HTTP服务器之 ...

  7. 新装centos 6.5 基本配置

    开机自动联网 vi /etc/sysconfig/network-scripts/ifcfg-eth0; 将ONBOOT=no,改为ONBOOT=yes,保存退出 开机直接进入命令行模式 vi /et ...

  8. C# 委托之把委托从委托链(多播委托)移除

    运用“-”运算符将委托从委托链移除 class HelloWorld { //定义委托类型 delegate void DelegationChain(); static void Main(stri ...

  9. redis配置配置文件

    # redis 配置文件示例 # 当你需要为某个配置项指定内存大小的时候,必须要带上单位, # 通常的格式就是 1k 5gb 4m 等酱紫: # # 1k => 1000 bytes # 1kb ...

  10. laravel使用swoole

    参考 参考2 另外主要用到artisan 首先创建SwooleCommand.php <?php namespace App\Console\Commands; use App\Http\Con ...