js树插件zTree获取所有选中节点数据的方法

获取所有选中节点数据是使用 js 树插件 zTree 时非常常见且实用的功能。下面是获取所有选中节点数据的几个常用方法：

获取所有选中节点数据是使用 js 树插件 zTree 时非常常见且实用的功能。下面是获取所有选中节点数据的几个常用方法：

1. zTree 对象的 getCheckedNodes 方法：

zTree 提供了一个名为 getCheckedNodes 的方法，可以轻松地获得所有选中的节点数据。该方法返回一个数组，包含所有选中节点的数据对象。可以通过遍历该数组来获取每个选中节点的数据。

// 获取树对象
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

// 获取所有选中节点数据
var checkedNodes = treeObj.getCheckedNodes(true);

// 遍历选中节点数组，获取每个节点的数据
for (var i = 0; i < checkedNodes.length; i++) {
  console.log('节点名称：' + checkedNodes[i].name + '，节点ID：' + checkedNodes[i].id);
}

在上述示例中，我们首先使用 $.fn.zTree.getZTreeObj 方法获取 zTree 对象，然后调用 zTree 对象的 getCheckedNodes 方法获取所有选中节点数据。接着，我们使用 for 循环遍历该数组，并输出每个节点的名称和 ID。

2. zTree 对象的 transformToArray 方法：

zTree 还提供了一个名为 transformToArray 的方法，该方法将所有树节点数据转换为数组，并提供一个参数可以控制是否只获取选中节点数据。内部实现时，该方法遍历整个树结构，将每个节点的数据转换为数组元素，并返回该数组。可以通过遍历该数组来获取每个节点的数据。

// 获取树对象
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");

// 将树节点数据转换成数组
var treeNodes = treeObj.transformToArray(treeObj.getNodes());

// 获取所有选中节点数据
var checkedNodes = treeObj.getCheckedNodes(true);

// 遍历选中节点数组，获取每个节点的数据
for (var i = 0; i < checkedNodes.length; i++) {
  for (var j = 0; j < treeNodes.length; j++) {
    // 如果当前遍历的节点 ID 与选中节点 ID 相等，则输出该节点的名称和 ID
    if (checkedNodes[i].id === treeNodes[j].id) {
      console.log('节点名称：' + checkedNodes[i].name + '，节点ID：' + checkedNodes[i].id);
    }
  }
}

在上述示例中，我们首先使用 $.fn.zTree.getZTreeObj 方法获取 zTree 对象，然后调用 zTree 对象的 transformToArray 方法，将所有树节点数据转换为数组。接着，我们使用 getCheckedNodes 方法获取所有选中节点数据。最后，我们使用双重 for 循环遍历数组，分别获取选中节点和全部节点的数据，并通过 ID 进行匹配。如果匹配成功，则输出该节点的名称和 ID。

综上所述，通过以上两种方法，我们可以轻松地获取所有选中节点的数据，从而实现更加丰富和实用的功能。