ztree自动展开第一级的第一个文件

您可以通过获取第一级节点的第一个子节点对象，然后调用 `expandNode` 方法来实现自动展开第一级的第一个节点。

具体实现方法如下：

// 初始化 zTree
var zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
// 获取第一级节点对象
var nodes = zTreeObj.getNodes();
// 判断第一级节点是否存在
if (nodes.length > 0) {
    // 获取第一级节点的第一个子节点对象
    var firstNode = nodes[0].children ? nodes[0].children[0] : null;
    // 判断第一个子节点是否存在
    if (firstNode) {
        // 展开第一个子节点
        zTreeObj.expandNode(firstNode, true, false, true);
    }
}

其中，通过判断第一级节点对象 `nodes` 是否存在，如果存在，则获取第一级节点的第一个子节点对象 `firstNode`，然后通过调用 `expandNode` 方法，展开第一个子节点即可。

需要注意的是，如果第一级节点没有子节点，则 `firstNode` 为 `null`，需要进行判断避免出现错误。

相关问题

ztree自动展开第一级

您可以通过设置 zTree 的 `expandAll` 属性为 `true` 来自动展开第一级节点。具体操作如下：

// 初始化 zTree
var zTreeObj = $.fn.zTree.init($("#tree"), setting, zNodes);
// 自动展开第一级节点
var nodes = zTreeObj.getNodes();
if (nodes.length > 0) {
    zTreeObj.expandNode(nodes[0], true, false, true);
}

其中，`expandNode` 方法可以展开指定的节点，第一个参数为节点对象，第二个参数为是否展开节点，第三个参数为是否同时展开其子节点，第四个参数为是否触发回调函数。通过获取第一级节点对象 `nodes[0]`，然后调用 `expandNode` 方法，即可实现自动展开第一级节点的功能。

ztree默认展开上次打开的节点

zTree 可以通过记忆上次展开的节点来实现默认展开上次打开的节点的功能。具体实现方法如下：

1. 设置 zTree 的 cookie 开关为 true：

var setting = {
    view: {
        ... // 其他配置项
    },
    data: {
        ... // 其他配置项
    },
    callback: {
        ... // 其他回调函数
    },
    // 开启 cookie 记忆功能
    view: {
        addDiyDom: null,
        autoCancelSelected: true,
        dblClickExpand: true,
        expandSpeed: "fast",
        fontCss: {},
        nameIsHTML: false,
        selectedMulti: true,
        showIcon: true,
        showLine: true,
        showTitle: true,
        txtSelectedEnable: false,
        // 开启 cookie 记忆功能
        rememberSelected: true,
        // 设置 cookie 记忆的名称
        cookieName: "ztree_cookie"
    }
};

2. 在页面加载时，初始化 zTree 并获取上次记忆的节点：

$(document).ready(function(){
    // 初始化 zTree
    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    // 获取上次记忆的节点
    var zTree = $.fn.zTree.getZTreeObj("treeDemo");
    var cookieValue = $.fn.zTree._getCookie(setting.cookieName);
    if (cookieValue) {
        var expandNodes = cookieValue.split(",");
        // 展开上次记忆的节点
        zTree.expandAll(false);
        for (var i = 0; i < expandNodes.length; i++) {
            var node = zTree.getNodeByParam("id", expandNodes[i]);
            if (node != null) {
                zTree.expandNode(node, true, false, true);
            }
        }
    }
});

3. 在节点展开或关闭时，更新 cookie 中保存的节点：

var setting = {
    view: {
        ... // 其他配置项
    },
    data: {
        ... // 其他配置项
    },
    callback: {
        onExpand: onExpand, // 节点展开时的回调函数
        onCollapse: onCollapse // 节点关闭时的回调函数
    },
    // 开启 cookie 记忆功能
    view: {
        addDiyDom: null,
        autoCancelSelected: true,
        dblClickExpand: true,
        expandSpeed: "fast",
        fontCss: {},
        nameIsHTML: false,
        selectedMulti: true,
        showIcon: true,
        showLine: true,
        showTitle: true,
        txtSelectedEnable: false,
        // 开启 cookie 记忆功能
        rememberSelected: true,
        // 设置 cookie 记忆的名称
        cookieName: "ztree_cookie"
    }
};

function onExpand(event, treeId, treeNode) {
    // 更新 cookie 中保存的节点
    var zTree = $.fn.zTree.getZTreeObj(treeId);
    var expandNodes = zTree.getNodesByFilter(function(node) {
        return node.level > 0 && node.open;
    });
    var expandNodesId = [];
    for (var i = 0; i < expandNodes.length; i++) {
        expandNodesId.push(expandNodes[i].id);
    }
    $.fn.zTree._saveCookie(setting.cookieName, expandNodesId.join(","));
}

function onCollapse(event, treeId, treeNode) {
    // 更新 cookie 中保存的节点
    var zTree = $.fn.zTree.getZTreeObj(treeId);
    var expandNodes = zTree.getNodesByFilter(function(node) {
        return node.level > 0 && node.open;
    });
    var expandNodesId = [];
    for (var i = 0; i < expandNodes.length; i++) {
        expandNodesId.push(expandNodes[i].id);
    }
    $.fn.zTree._saveCookie(setting.cookieName, expandNodesId.join(","));
}