jqueryztree默认展开

jQuery zTree 是一个依赖 jQuery 的多功能树形控件，它能够实现各种树形数据的展开、折叠、选择、编辑等功能，在实际应用中，我们常常需要在页面加载时默认展开树形控件的某些节点，以方便用户查看和操作。

下面将详细介绍如何实现 jQuery zTree 默认展开的设置。

1、引入必要的库文件

确保你的项目中已经引入了 jQuery 和 zTree 的相关库文件，通常，你需要引入以下文件：

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.ztree.core.js"></script>
<link rel="stylesheet" href="path/to/zTreeStyle.css" />

2、编写 HTML 结构

接下来，你需要为你的 zTree 控件创建一个容器，例如一个 div 元素：

<div id="treeDemo" class="ztree"></div>

3、初始化 zTree 并设置默认展开

在页面加载完成后，你需要初始化 zTree 控件，并设置默认展开的节点，以下是一个示例代码：

$(document).ready(function() {
    // zTree 的配置参数
    var setting = {
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: null
            }
        },
        callback: {
            onClick: function(event, treeId, treeNode) {
                // 点击节点时的回调函数
            }
        }
    };
    // 模拟数据
    var zNodes = [
        {
            id: 1,
            pId: 0,
            name: "父节点1",
            open: true  // 设置默认展开
        },
        {
            id: 2,
            pId: 1,
            name: "子节点1"
        },
        {
            id: 3,
            pId: 1,
            name: "子节点2"
        },
        {
            id: 4,
            pId: 0,
            name: "父节点2"
        }
    ];
    // 初始化 zTree
    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
});

在上面的示例中，我们首先定义了 zTree 的配置参数 setting，然后在 data.simpleData 中设置了树形数据的基本配置，接着，我们创建了一个模拟数据数组 zNodes，其中包含了各个节点的 id、pId 和 name，在每个节点对象中，我们可以通过设置 open: true 来指定该节点在初始化时是否默认展开。

4、动态设置默认展开节点

在某些情况下，你可能需要根据某些条件动态设置默认展开的节点，这时，你可以在初始化 zTree 之后，使用 zTree 的 API 来实现：

// 初始化 zTree
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
// 假设我们需要根据节点的 id 来设置默认展开
var defaultExpandNodeId = 1;  // 假设我们要展开节点 1
var treeObj = $("#treeDemo").data("zTree");  // 获取 zTree 对象
var nodes = treeObj.getNodesByParam("id", defaultExpandNodeId, null);  // 根据节点 id 获取节点对象
if (nodes.length > 0) {
    treeObj.expandNode(nodes[0], true, false, false);  // 展开指定节点
}

在上面的代码中，我们首先获取了 zTree 对象 treeObj，然后通过 getNodesByParam 方法根据节点的 id 获取节点对象，我们使用 expandNode 方法来展开指定的节点。

通过以上步骤，你可以轻松实现 jQuery zTree 的默认展开功能，根据实际需求，你还可以进一步 zTree 的其他高级功能，如节点选择、编辑、异步加载等。