前端转树结构

//设置树配置
var settingTree={
    data:{
        simpleData:{
            enable: true,
            idKey: "id",
            pIdKey: "pId",
            rootPId: 0
        }
    },
    callback: {
        //点击事件
        onClick: zTreeOnClick
    }
}
function zTreeOnClick(event, treeId, treeNode, clickFlag) {
    //treeNode.id 当前点击树的id
    //treeNode.name  获取到树的名称

    document.getElementById("tips").innerHTML=("当前菜单:"+treeNode.name);

};

//重新加载并设置默认打开

function initAllMenu(){
    $.ajax({
        url: '../../../base/menu/selectAllMenu',
        type: "get",
        dataType: "json",
        async: false,
        success: function success(ret){
            console.log(ret.data);
            if(zTreeObj){
                zTreeObj.destroy();
            }
            var cruId=$("#ids").val();
            var treeNodes=ret.data;
            for(var i=0;i<treeNodes.length;i++){
                if(treeNodes[i].id==cruId){
                    treeNodes[i].open=true;
                }
            }
            zTreeObj= $.fn.zTree.init($("#zTree-container"),settingTree,treeNodes);
           },
        error: function fail(err) {
            console.log(err)}
    })
}

//后端树实体

package com.feima.utils;

import java.io.Serializable;
import java.util.List;


public class ZtreeDto  implements Serializable {

   private Long id;
   private Long pId;
   private String name;
   private boolean open;
   /*private List<ZtreeDto> children;*/
   public Long getId() {
      return id;
   }
   public void setId(Long id) {
      this.id = id;
   }
   public Long getpId() {
      return pId;
   }
   public void setpId(Long pId) {
      this.pId = pId;
   }
   public String getName() {
      return name;
   }
   public void setName(String name) {
      this.name = name;
   }
   public boolean isOpen() {
      return open;
   }
   public void setOpen(boolean open) {
      this.open = open;
   }
/* public List<ZtreeDto> getChildren() {
      return children;
   }
   public void setChildren(List<ZtreeDto> children) {
      this.children = children;
   }*/
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值