1. 程式人生 > >######zTree樹動態高度變化,實現父元素隨之動態變化高度。參考: js動態設定元素的寬高

######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
//            }

        };
}