Jquery的treeview插件实现树形结构

Jquery的treeview插件实现树形结构


最近由于功能需要,要将数据库中的数据取出来,展现的形式是树状结构。

表中的数据大致为:

KPI_CODE为唯一id,KPI_NAME为名字,PARENT_CODE为父id,LVL_ID为层级

要展现的形式为:

具体实现逻辑如下:

思路:将数据库的数据查询出来,按某种格式处理后返回给前台,前台用jQuery的treeview插件将数据展现为树状结构。

步骤:

1.默认加载前两级目录

2.点击第二级目录,继续加载第三级目录

3.调用插件处理数据

java代码:

import java.io.PrintWriter;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

import org.apache.struts2.ServletActionContext;

public class FMTreeAction {
	private String id;//指标id
	private String parentId;//父id
	private String lvl;//等级
	private String calcObjType;//岗位id
	
	private DaoHelper daoHelper;
	
	public String execute(){
		return "success";
	}

	public String getSubFMObj(){
		//System.out.println("getSubFMObj...");
		System.out.println("***id:"+id+",parentId:"+parentId+",calcObjType:"+calcObjType+",lvl:"+lvl);
		int lvlId = Integer.parseInt(lvl)+1;
		this.lvl = String.valueOf(lvlId);
		System.out.println("***id:"+id+",parentId:"+parentId+",calcObjType:"+calcObjType+",newlvl:"+lvl);
		
		List subList = daoHelper.queryForList("ecthree.manParaInfo.initTree.getSubFMObj", this);
		//List resultList = new ArrayList();
		int subSize = subList.size();
		for (int i = 0; i < subSize; i++) {
			Map<String, Object> subMap = (Map<String, Object>) subList.get(i);
			valueChange(subMap);
			//打印输出
			//System.out.println("subMap--"+i+":");
			//BccUtils.printMap(subMap);
			
		}
		this.response(JSONArray.fromObject(subList).toString());
		return null;
	}
	//获取一级二级节点
	public String getFMObj(){
		//System.out.println(id);
		//获取一级目录
		List fatherList = daoHelper.queryForList("ecthree.manParaInfo.initTree.getOneFMObj", this);
		//System.out.println("fatherList.size()---"+fatherList.size());
		for(int k = 0; k < fatherList.size(); k++){
			Map<String, Object> fatherMap = (Map<String, O
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值