You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Balkan FamilyTree JS库:如何显示完整家谱不折叠节点?

完整显示Balkan FamilyTree JS家谱(无折叠节点)

可以实现无隐藏节点的完整树状展示,直接通过配置或API操作即可,具体方法如下:

  • 全局禁用折叠功能
    初始化家谱组件时,全局设置所有节点不可折叠,同时强制默认展开所有分支:

    const familyTree = new FamilyTree(document.getElementById("tree"), {
      node: {
        collapsible: false // 让所有节点都不能被折叠
      },
      expandAll: true, // 默认展开所有分支
      nodes: [
        // 替换成你的节点数据
      ]
    });
    
  • 单个节点针对性设置
    要是需要保留部分节点的折叠能力,其他节点强制展开,可在单个节点数据里单独配置:

    nodes: [
      { id: 1, name: "John Doe", collapsible: false, collapsed: false },
      { id: 2, parent: 1, name: "Jane Doe", collapsible: false, collapsed: false },
      // 其他节点按需配置
    ]
    
  • 手动强制展开所有节点
    如果初始化后仍有节点折叠,直接调用组件的API批量展开:

    familyTree.expandAll();
    

用户提供的家谱示例

内容的提问来源于stack exchange,提问作者Еndor

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 17:42:05