树形结构的jsp展现 （2）

最新推荐文章于 2019-01-26 12:16:12 发布
最新推荐文章于 2019-01-26 12:16:12 发布
阅读量3.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y666666y/article/details/70212283
版权

1，在没有树形控件等的情况下，后台用sql查询出树形结构数据，前台直接根据标记遍历（其实属性控件也是如此）（用js直接遍历数据）

 

2，还有中方式后台根据父子关系组装成list，前台用jsp标签遍历父子

<div id="div1" style="width:100%;">

</div>

 

$(function(){

 

alert("2");

appendTable();

});

function appendTable() {

 

 

alert("11");

var roleId=$("input[name='roleId']").val();

var leave=$("input[name='leave']").val();

var pId=$("input[name='pId']").val();

var dataParent = {

roleId: roleId,

leave:leave,

pId:pId

 

   };

$.ajax({

        type: "post",

        url: "${pageContext.request.contextPath}/system/opmRole/Auths",

        data: dataParent,

        success: function (data) {

        if(data!=''&&data!=null){

        //alert(data);<table

        var div1=$("#div1");

        //var table1=$("#table1");

        var table1=$("<table></table>");

        var arr = eval(data);

        for(j=0;j<arr.length;j++){

        //alert(arr[j]);

        //alert(arr[j].leave);

        if(arr[j].leave=='1'){//包括两级文件夹

        var row =$("<tr></tr>");

        var td =$("<td></td>");

        td.append($(arr[j].str));

        row.append(td);

        table1.append(row);

        }

        var row2 ;

        if(arr[j].leave=='2'){//页面

        row2 =$("<tr></tr>");

       

        var td =$("<td></td>");

        td.append(arr[j].str);

        row2.append(td);

        table1.append(row2);

       

        }if(arr[j].leave=='3'){//按钮

        var td =$("<td></td>");

        td.append(arr[j].str);

       

        table1.find("tr:last").append(td);

        }

        //table1.append(row2);

        //var strq = JSON.stringify(table1);

        alert(strq);

        }

        div1.html(table1);

        //alert(table1);

        }else{

        alert("你输入的会员编号不存在！");

        }

       

        },

        error:function(data){

        alert("数据加载异常！");

       

        }

    }); 

 

 

}

 

 

//全选 选中多选框

function checkedAllBox(obj) {

if(obj.checked){

var a = document.getElementsByName(obj.value);

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

a[i].checked=true;

}

}else{

var a = document.getElementsByName(obj.value);

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

a[i].checked=false;

}

}

}

迭代的时候各个层次的数据过了方法就没有，不能共享，要实现类似共享累加：

1，返回值累加，用一个变量专门累加返回值

2,第二次回调前传入要共享的参数

@SuppressWarnings("rawtypes")

@RequestMapping(value="/system/opmRole/Auths")

@ResponseBody

public JSONArray treeRead(@RequestParam(value="leave") String leave,@RequestParam(value="roleId") String roleId,@RequestParam(value="pId")  String pId,@RequestParam(value="groupId",required=false)  String groupId1){

List<String> strl= new ArrayList<String>();

String str="";

JSONArray JsonArray = new JSONArray();

Map<String,Object> param = new HashMap<String,Object>();

param.put("pId", pId);

//OpmMenufolderTreeVo treeVos= new OpmMenufolderTreeVo();

List<Map> map= opmMenufolderService.getfordMenuLimt(param);

Map<String,Object> param1 = new HashMap<String,Object>();

String groupId=groupId1;

for(Map p: map){

 

//List<OpmMenufolderTreeVo> treechild= new ArrayList<OpmMenufolderTreeVo>();

//List<OpmMenuitemTreeVo> opmMenuitem= new ArrayList<OpmMenuitemTreeVo>();

param1.put("pId", p.get("ID"));

String l= (String) p.get("LEAVE");

if("1".equals(l)){

//str+=p.get("ID")+"="+p.get("NAME")+"\n";

if("100000".equals(p.get("PARENTID")+"")){

groupId=(String)p.get("ID");

//OpmMenufolderTreeVo treeVo= new OpmMenufolderTreeVo();

//treeVo.setId(p.get("ID")+"");

//treeVo.setName(p.get("NAME")+"");

//treeVo.setGroupIp(groupId);

//treechild.add(treeVo);

//treeVos.setChildForld(treechild);

   str+="<label style=\"float:left\"><input type=\"checkbox\" class=\"checkboxCtrl\" value="+p.get("ID")+" group="+groupId+" selectType=\"invert\" />"+p.get("NAME")+"</label>"+"\n";

   strl.add(str);

   JSONObject Json = new JSONObject();

   Json.put("ID", p.get("ID")+"");

   Json.put("NAME", p.get("NAME")+"");

   Json.put("groupId", groupId);

   Json.put("parentId", p.get("PARENTID"));

   Json.put("leave", l);

   Json.put("str", "<label style=\"float:left\"><input type=\"checkbox\" class=\"checkboxCtrl\" value="+p.get("ID")+"  οnclick=\"checkedAllBox(this);\" group="+groupId+" //>"+p.get("NAME")+"</label>"+"\n");

   JsonArray.add(Json);

   

   

}else{

//OpmMenuitemTreeVo treeVo= new OpmMenuitemTreeVo();

//treeVo.setId(p.get("ID")+"");

//treeVo.setName(p.get("NAME")+"");

//treeVo.setGroupIp(groupId);

//opmMenuitem.add(treeVo);

//treeVos.setOpmMenuitem(opmMenuitem);<input type=\"checkbox\" value="+p.get("ID")+" name="+groupId+"/>

str+="<label><input type=\"checkbox\" value="+p.get("ID")+" name="+groupId+"/>"+p.get("NAME")+"</label>"+"\n";

strl.add(str);

JSONObject Json = new JSONObject();

   Json.put("ID", p.get("ID")+"");

   Json.put("NAME", p.get("NAME")+"");

   Json.put("groupId",groupId);

   Json.put("parentId", p.get("PARENTID"));

   Json.put("leave", l);

   Json.put("str","<label>&nbsp;&nbsp;&nbsp;"+p.get("NAME")+"</label>"+"\n");

   JsonArray.add(Json);

}

}

if("2".equals(l)){

if(Integer.valueOf(leave)<0){

if(Integer.valueOf(p.get("LEAVE1")+"") >=Integer.valueOf(leave)){

//str+=p.get("ID")+"="+p.get("NAME")+"\n";

str+="<label><input type=\"checkbox\" value="+p.get("ID")+"  name="+groupId+"/>"+p.get("NAME")+"</label>"+"\n";

strl.add(str);

JSONObject Json = new JSONObject();

   Json.put("ID", p.get("ID")+"");

   Json.put("NAME", p.get("NAME")+"");

   Json.put("groupId", groupId);

   Json.put("parentId", p.get("PARENTID"));

   Json.put("leave", l);

   Json.put("str","<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"checkbox\" value="+p.get("ID")+"  name='"+groupId+"'/>"+p.get("NAME")+"</label>"+"\n");

   JsonArray.add(Json);

}

}else{

//TODO

Map<String,Object> param2 = new HashMap<String,Object>();

param2.put("menuItemId", p.get("ID"));

param2.put("menuItemLimitId", null);

param2.put("roleId", roleId);

param2.put("displayOrder", Integer.valueOf(-1));

List<OpmRolelimit> rl= opmRolelimitService.getRoleLimitByTJ(param2);

if(rl!=null&&rl.size()>0&&Integer.valueOf(p.get("LEAVE1")+"") >=Integer.valueOf(leave)){

//str+=p.get("ID")+"="+p.get("NAME")+"\n";

str+="<label><input type=\"checkbox\" value="+p.get("ID")+" name="+groupId+"/>"+p.get("NAME")+"</label>"+"\n";

strl.add(str);

JSONObject Json = new JSONObject();

   Json.put("ID", p.get("ID")+"");

   Json.put("NAME", p.get("NAME")+"");

   Json.put("groupId", groupId);

   Json.put("parentId", p.get("PARENTID"));

   Json.put("leave", l);

   Json.put("str","<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=\"checkbox\" value="+p.get("ID")+" name='"+groupId+"'/>"+p.get("NAME")+"</label>"+"\n");

   JsonArray.add(Json);

}

}

}

if("3".equals(l)){

Map<String,Object> param2 = new HashMap<String,Object>();

param2.put("menuItemId", p.get("PARENTID"));

param2.put("menuItemLimitId", p.get("ID"));

param2.put("roleId", roleId);

param2.put("displayOrder", null);

List<OpmRolelimit> rl2= opmRolelimitService.getRoleLimitByTJ(param2);

String tempg=groupId;

if(rl2!=null&&rl2.size()>0){

//str+=p.get("ID")+"="+p.get("NAME")+"\n";

str+="<label><input type=\"checkbox\"  value="+p.get("ID")+" name="+groupId+"/>"+p.get("NAME")+"</label>"+"\n";

strl.add(str);

JSONObject Json = new JSONObject();

   Json.put("ID", p.get("ID")+"");

   Json.put("NAME", p.get("NAME")+"");

   Json.put("groupId", groupId);

   Json.put("parentId", p.get("PARENTID"));

   Json.put("leave", l);

   Json.put("str","<label><input type=\"checkbox\"  value="+p.get("ID")+" name='"+groupId+"'/>"+p.get("NAME")+"</label>"+"\n");

   JsonArray.add(Json);

}

}

str+=treeRead(leave,roleId,p.get("ID")+"",groupId);

//strl.add(treeRead(param1,level,roleCurId,groupId));

JsonArray.addAll(treeRead(leave,roleId,p.get("ID")+"",groupId));

}

return JsonArray;

}

 

 

service:

@Override

public List<Map> getfordMenuLimt(Map<String,Object> param) {

// TODO Auto-generated method stub

List<Map> map = new ArrayList<>();

map= (List<Map>) opmMenufolderMapper.getfordMenuLimt(param);

return map;

}

 

map.java

public interface OpmMenufolderMapper extends Mapper<OpmMenufolder> {

 

List<?> getfordMenuLimt(Map<String,Object> param);

}

 

map.xml

 <resultMap id="BaseResultMap" type="com.esteel.system.bean.OpmMenufolder" >

    <!--

      WARNING - @mbggenerated

    -->

    <id column="ID" property="id" jdbcType="VARCHAR" />

    <result column="NAME" property="name" jdbcType="VARCHAR" />

    <result column="DISPLAYORDER" property="displayorder" jdbcType="DECIMAL" />

    <result column="PARENTID" property="parentid" jdbcType="VARCHAR" />

    <result column="URI" property="uri" jdbcType="VARCHAR" />

    <result column="DESCRIPTION" property="description" jdbcType="VARCHAR" />

    <result column="ICONCSS" property="iconcss" jdbcType="VARCHAR" />

    <result column="SUBSYSTEM" property="subsystem" jdbcType="VARCHAR" />

  </resultMap>

  

  <select id="getfordMenuLimt" resultType="map" parameterType="map">

    select * from (select * from 

(   

     select t.name name,t.id  id,t.parentid  parentid ,0 leave1,'1' leave from opm_menufolder t 

   union all select o.name name,o.id id,o.menufolderid,o.level1 leave1,'2' leave  from opm_menuitem o

   union all select l.name name,l.id id,l.menuitemid ,l.level1 leave1,'3' leave  from opm_menuitemlimit l

) 

start with parentid is null connect by prior id=parentid ORDER SIBLINGS BY parentid) where parentid=#{pId}

  

  </select>

 

yuhui66666688gfbfdy
关注
JSP 树状菜单
zhangwei_511304的专栏
06-04 1272
1）初始化菜单     2）调用函数          显然，如果用动态的脚本来初始化菜单数组（asp,jsp均可），那就可以很方便的实现动态的树型菜单了。 2。jsp动态实现   分以下步骤实现动态的树型菜单：   1）在数据库建tree_info表，有nodeId，parentNodeId，nodeName，nodeUrl四个字段，来存储节点信息。   2）编写java类，用于从数据库找出节点
java jsp 树_jsp 树形结构
weixin_35555014的博客
02-19 557
packagecom.ytkj.rose.util;importorg.springframework.util.StringUtils;importjavax.validation.constraints.NotNull;importjava.lang.reflect.Field;importjava.util.ArrayList;importjava.util.Collection;impor...
树形结构的jsp展现
yuhui666666的博客
07-12 756
树形结构的jsp展现 100000 根文件夹 110000 一级文件夹 110200 二级文件夹 最简单可以用ztree等控件 select * from  (       /*select '权限树' name,'0' id,'-1' parentid from dual */     select t.name name,t.id  id,t.parentid  parent...
jsp树形结构
Shiring-Spring
07-08 6265
Dtree生成树形结构，很方便，很适用。 下载dtree.zip包请到下面地址去下载http://jinchun1223.javaeye.com/admin/blogs/421817 String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getSe
jsp ajax tree 树形结构菜单
08-27
**JSP AJAX Tree：构建动态树形结构菜单** 在Web应用开发中，树形结构菜单是一种常见的用户界面元素，用于组织和展示层次化的数据。在传统的网页中，每当用户点击节点时，整个页面需要重新加载，用户体验往往不佳。...
ajax树形结构
09-20
在IT行业中，Ajax树形结构是一种常见的...以上就是关于"jsp + servlet + ajax 展现的树形结构"的知识点详解。这个项目展示了如何利用这些技术构建一个交互式的、动态加载数据的树形视图，为用户提供更好的浏览体验。
树形表格 treetable 完整版 带演示demo例子
12-15
在IT领域，树形表格（TreeTable）是一种特殊的数据展示方式，它结合了表格和树状结构的优点，常用于组织层次分明、具有父子关系的数据。本文将深入探讨“树形表格treetable完整版”，包括它的特点、应用场景、二次...
数据库树形结构，EasyUI Tree 树
Camel
01-26 748
通过 $.fn.tree.defaults 重写默认的 defaults。 树（tree）在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 树的数据格式（Tree Data Format） 每个节点可以包括下列属性： id：节点的 id，它对于加载远程数据很重要。 --对应id text：要显示的节点文本。----对应name state：节点状态，‘open’...
Struts1和dTree的结合，显示树形结构
08-15
dTree则是一款JavaScript库，用于在网页中生成交互式的树形结构，常用于展现层次化的数据。将Struts1与dTree结合，可以在服务器端处理数据并将其以树形结构的形式在客户端展示，提供用户友好的浏览体验。 **Struts1...
JSP实现树型结构TREE
10-08
本例是用JSP+EXTJS+JSON+MYQL实现的树型结构，例子结构清晰，便于学习。
jsp实现树状结构源码
08-25
一个完整的jsp实现的树状结构,直接可以拿来用,也可以自己经过修改,非常方便实用
jsp树形结构的生成
09-22
jsp树形结构的生成,教你如何生成导航树。
Jsp实现树形结构.docx
12-09
Jsp实现树形结构.docxJsp实现树形结构.docxJsp实现树形结构.docxJsp实现树形结构.docxJsp实现树形结构.docxJsp实现树形结构.docx
jsp中树形结构的源码
11-15
树形结构的源码，简单易用 function dTree(objName) { this.config = {target:null, folderLinks:true, useSelection:true, useCookies:true, useLines:true, useIcons:true, useStatusText:false, closeSameLevel:false, inOrder:false}; this.icon = {root:"img/base.gif", folder:"img/folder.gif", folderOpen:"img/folderopen.gif", node:"img/page.gif", empty:"img/empty.gif", line:"img/line.gif", join:"img/join.gif", joinBottom:"img/joinbottom.gif", plus:"img/plus.gif", plusBottom:"img/plusbottom.gif", minus:"img/minus.gif", minusBottom:"img/minusbottom.gif", nlPlus:"img/nolines_plus.gif", nlMinus:"img/nolines_minus.gif"}; this.obj = objName; this.aNodes = []; this.aIndent = []; this.root = new Node(-1); this.selectedNode = null; this.selectedFound = false; this.completed = false; }
jsp实现树状结构
a512977208的博客
10-09 743
首先，介绍一下树状结构在DB中的存储。 使用二维表，如下图，存储树状结构： 现在，我们的目标是想要把这一树状结构表示成： 由上图可以看出它们之间含有一种层级关系，查看源代码，如下： 现在，算法的思路是，先将树状结构按照list的顺序排列出来，这个顺序其实就是去掉了UL和LI标签的顺序，如： 要实现这个顺序其实很简单。 再来看看我们的树 abcdef其实就...
JSP中的一个树型结构
weixin_34242658的博客
06-27 132
看方力勋的javaWeb,采用左右值来表示树型结构（就是俺门的多级分类）表结构 页面代码 &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&a
JSP动态树形结构、增删改查刷新功能(sql脚本)
03-13
JSP+DTree动态实现树形结构，增删改查，自动刷新功能（附带sql脚本）
JSP中Dtree动态生成数据库树形结构的实现
"这篇文档是关于在JSP中利用Dtree树形结构连接数据库，动态获取并展示数据的实现方法。文档中包含了数据库表结构的创建、DTree类的Java代码以及相关的数据库操作。" 在Java Web开发中，Dtree是一种常用的树形结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值