溫馨提示×

jQuery中ztree的用法是什么

小億
109
2023-12-11 16:55:53
欄目: 編程語言

在jQuery中,ztree是一個基于jQuery的樹插件,用于在網頁中顯示樹形結構的數據。它支持多種功能,包括展開/折疊節點、選中/取消選中節點、增刪改查節點、異步加載數據等。

下面是ztree的一些常見用法:

  1. 初始化樹:
$(document).ready(function(){
    var zTreeObj;
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    var zNodes = [
        { id:1, pId:0, name:"父節點1"},
        { id:11, pId:1, name:"子節點1"},
        { id:12, pId:1, name:"子節點2"}
    ];
    zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
});
  1. 獲取選中的節點:
var nodes = zTreeObj.getSelectedNodes();
if (nodes.length > 0) {
    console.log("選中的節點名稱:" + nodes[0].name);
}
  1. 添加節點:
var newNode = { id:2, pId:1, name:"子節點3"};
zTreeObj.addNodes(nodes[0], newNode);
  1. 刪除節點:
zTreeObj.removeNode(nodes[0]);
  1. 更新節點:
nodes[0].name = "新名稱";
zTreeObj.updateNode(nodes[0]);

以上是ztree的一些基本用法,還有很多其他功能和配置可用于滿足不同的需求。更詳細的用法可以參考官方文檔或搜索相關教程。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女