在以前專案改造過程中涉及到ztree的簡單應用,在接下來的專案中有個業務模組涉及到ztree節點的操作,包含新增,刪除,修改,留**備忘。
首先是ztree的配置資訊
var setting =},edit:
};
新增方法
var newcount = 1;function
addnode(e)
var isparent =e.data.isparent,
nodes =ztree.getselectednodes(),
treenode = nodes[0];
if(treenode) );
} else
); }
};
刪除方法
functionremovenode(e)
ztree.removenode(treenode,
false
); };
修改方法
functionupdatenode(stext)
else
}
頁面載入完成繫結事件
window.onload = function() , addnode);
$("#addleaf").bind("click", , addnode);
$("#removenode").bind("click", removenode);
}
ztree 指定節點清空 節點操作
1.dom節點操作 建立節點 語法 document.createelement 標籤名 注 只單純的建立出來了乙個元素節點物件,不包含內容 屬性和樣式。插入節點 在父元素內部末尾追加 在父元素指定參照元素前面插入 語法 父元素.insertbefore 需要插入的子元素,參照元素 注 如果參照元素...
ztree遍歷所有節點
ztree遍歷所有節點 var treeobj fn.ztree.getztreeobj tree var node treeobj.getnodes 可以獲取所有的父節點 var nodes treeobj.transformtoarray node 獲取樹所有節點 console.log nod...
ztree設定節點checked
1 根據id獲取樹的某個節點 var ztree fn.ztree.getztreeobj mytree var node ztree.getnodebyparam id 1 2 設定node節點擊中狀態 ztree.selectnode node 3 設定node節點checked選中,有兩種方法...