######zTree樹動態高度變化,實現父元素隨之動態變化高度。參考: js動態設定元素的寬高
阿新 • • 發佈:2018-12-10
參考: 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 // } }; }