zTree

摘要：折叠展开折叠展开脚本下面的是设置了新增按钮的和设置了高度的代码增加子项控制器控制器映射文件工具类工具类省略保存后锁定到新增的节点如果中放了添加按钮，这个就是保存成功之后回去页面展开显示新增的节点保存禁止

    
        
    
    
        
    

var zTree = $.fn.zTree.init($("#bid_dept"), setting);
$("#expandfalse").click(function (e) {
        e.preventDefault();
        zTree.expandAll(false);
});        
$("#expandtrue").click(function (e) {
        e.preventDefault();
        zTree.expandAll(true);
 });

$(function(){
    var setting = {
            view: {
                addHoverDom: addHoverDom,
                removeHoverDom: removeHoverDom,
                selectedMulti: false
            },
            data : {
                simpleData : {
                    enable : true,
                    idKey : "id",
                    pIdKey : "parent"
                }
            },
            async: {
                enable: true,
                url: "base/suptype/tree",
                autoParam: ["id", "t", "level=lv"],
                type: "get"
            },
            callback : {
                onClick : function(e, treeId, treeNode) {
                    //console.log(treeNode);
                    urlDetail = "/base/suptype/detail?id=" + encodeURIComponent(treeNode.id);
                    $("#supdetails").load(urlDetail);
                }
            } 
        };
        var zTree = $.fn.zTree.init($("#t_suptype"), setting);

             //下面的是设置了新增按钮的和设置了高度的代码
        function addHoverDom(treeId, treeNode) {        
            var sObj = $("#" + treeNode.tId + "_span");
            if (treeNode.editNameFlag || $("#addBtn_"+treeNode.tId).length>0) return;
            var addStr = "";
            sObj.after(addStr);
            var btn = $("#addBtn_"+treeNode.tId);
            if (btn) btn.bind("click", function(){
                
                $("#modal-operate").modal("show");        
                var url = "/base/suptype/add?parent=" + encodeURIComponent(treeNode.id);
                $("#modal-operate-body").load(url);
            });
        };
        
        function removeHoverDom(treeId, treeNode) {
            $("#addBtn_"+treeNode.tId).unbind().remove();
        };    
        
        var windowHeight  = $(window).height();
        var mainheaderH = $(".main-header").outerHeight();      
        var contentheaderH     = $(".content-header").outerHeight();
        var boxorgheaderH = $("#boxheader").outerHeight();
        var deptlistH = windowHeight - mainheaderH - contentheaderH - boxorgheaderH - 30 - 3;

        $("#boxlist").slimScroll({
          height: deptlistH
          });
})

/**
 * yyh
 * 20180817
 * 控制器
 * @return
 */
@ResponseBody
@GetMapping("/tree")
@RequiresPermissions("base:suptype:suptype")
public String tree(){
    List suptypeList = suptypeService.getTreeAllSuptype();    
    return JSON.toJSONString(suptypeList);
}

        select `id`,`parent`,`code`,`name`,`icon`,`t`,`isp`,`open`,`s`,`ls`,`f` from bid_suptype where f = 1

package com.tuodata.bid.common.domain;
import java.io.Serializable;
//zTree工具类
public class zTreeNode implements Serializable {
    private static final long serialVersionUID = 1L;
    private String id;
    private String parent;
    private String name;
    private Boolean open;
    private Boolean isp;
    private String icon;
    private int t;
    private int s;
    //省略getter setter
    @Override
    public String toString() {
        return "zTreeNode [id=" + id + ", parent=" + parent + ", name=" + name + ", open=" + open + ", isp=" + isp
                + ", icon=" + icon + ", t=" + t + ", s=" + s + "]";
    }    
}

如果zTree中放了添加按钮，这个就是保存成功之后回去页面展开显示新增的节点
/**
     * 保存
     */
    @ResponseBody
    @PostMapping("/save")
    @RequiresPermissions("base:suptype:add")
    public String save( SuptypeDO suptype, @RequestParam("code") String code,@RequestParam("name") String name){
        String uuid = UUID.randomUUID().toString().replace("-", "");
        suptype.setCode(code);
        suptype.setName(name);
        suptype.setId(uuid);
        suptype.setF(1);
        
        if(suptypeService.save(suptype)>0){
            zTreeNode node = new zTreeNode();
            node.setId(suptype.getId());
            node.setParent(suptype.getParent());
            node.setName(suptype.getName());            
            
            return JSON.toJSONString(node);
        }
        return JSON.toJSONString(R.error());
    }

check: {
    enable: true,
    chkboxType: { "Y" : "", "N" : "" }
}

(id, parent, code, name, icon, t, isp, open, s, ls, f)
parent：父节点
open:是否展开
1)树实体的字段对应
2)sql脚本
3)界面查询

var t_sup = $.fn.zTree.getZTreeObj("t_sup");
var tnodes = t_sup.getCheckedNodes();
if (tnodes.length == 0) {
    toastr.warning("请选择关联的供应商分类");
    return;
}