######zTree树动态高度变化,实现父元素随之动态变化高度。参考: js动态设置元素的宽高

参考: js动态设置元素的宽高:

https://blog.csdn.net/kerryqpw/article/details/72836291

===》问题:

===》解决:关键看:zTreeOnExpand() :

①思想:每次zTree伸缩事件触发后:拿到本次伸缩后,当前实际的zTree ul标签高度,重新给父容器div高度赋值。

②目前经验:给单个样式属性赋值,原生JS方式  好像更简单。。。


    //  解决树太长
    function  zTreeOnExpand() {
        //计算父ul的高度。赋值给  其父td。
    //每次展开,父ul的高度  是否变化???
//        $("#menuTree").
        var box = document.getElementById('menuTree');
        var h = box.clientHeight;
        var box2 = document.getElementById('roleTd');
        box2.style.height = h+'px';
        //======》重置Td的高度 done。。。
    }



    var roleIdw;
    $(function() {
        // 授权树初始化
        var setting = {
            data: {
                key: {
                    name: "permissionName" //自定义显示节点名json属性
                },
                simpleData: {
                    enable: true,
                    idKey: "id",
                    pIdKey: "parentId", //===自定义修改默认pId==可以
                }

            },
            check: {  //开启选中
                enable: true
            },

            //权限必选 校验
            callback: {
                onCheck: zTreeOnCheck,
                //树太长
                onExpand: zTreeOnExpand,
                onCollapse: zTreeOnExpand
            },

////            树节点名太长
//            view: {
//                addDiyDom: addDiyDom
//            }

        };
}

猜你喜欢

转载自blog.csdn.net/qq_20597149/article/details/81172025