使用jstree打开一个节点及其所有父节点

2023-12-27

我正在尝试使用 jstree 并在打开页面时打开一个节点及其所有父节点。这是我用来测试的html代码。

    <div id="treeTask">
       <ul>
          <li id="node_37"><a href="#">TEST1</a>
              <ul>
                  <li id="node_38"><a href="#">TEST2</a></li>
                  <li id="node_39"><a href="#">TEST3</a></li>
              </ul>
          </li>
      </ul>

      <ul>
          <li id="node_3"><a href="#">TEST1</a>
              <ul>
                  <li id="node_4"><a href="#">TEST2</a></li>
                  <li id="node_6"><a href="#">TEST3</a></li>
              </ul>
          </li>
      </ul>
   </div>

这里是初始化 jstree 并打开节点的调用。

 $(function () { 
        $("#treeTask").jstree();

        $("#treeTask").bind("ready.jstree", function (event, data) { 
            $("#treeTask").jstree("open_node", $("#node_4"));

            if((data.inst._get_parent(data.rslt.obj)).length) { 
                data.inst._get_parent(data.rslt.obj).open_node(this, false); 
              }  
        }); 

  });

我已经操纵代码一段时间了,但无法使其工作。如果有人可以提供帮助,我将非常感激。

非常感谢!


您可以使用内置的_open_to功能:

$("#treeTask").jstree().bind('ready.jstree', function (event, data) { 
  data.instance._open_to('node_4');
}); 
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用jstree打开一个节点及其所有父节点 的相关文章

  • checkbox的jsTree的一个调用

    lt DOCTYPE HTML PUBLIC 34 W3C DTD HTML 4 01 Transitional EN 34 gt lt html gt lt head gt lt meta http equiv 61 34 Content
  • JsTree 打开一个节点然后选择一个子节点(使用json_result)

    我在 MVC2 项目中使用的 JsTree 遇到问题 我想创建一个函数来取消选择 关闭树上的所有节点 然后打开一个特定的节点 并选择一个特定的子节点 我有两个节点的 Id 值 问题是 select node 总是在 open node 完成
  • JQuery JSTree - 添加工具提示

    有没有办法添加一个Tooltip to a JSTree节点 我想当用户将鼠标悬停在元素上时显示额外的信息 我对 JQuery 非常了解 所以对此可能有一个明显的答案 编辑 感谢下面的 zzzz 我能够弹出一个简单的悬停框 尽管将树的div
  • jsTree 在 IE8 中的显示缺陷

    我一直在使用 jsTree 并在 IE8 中遇到问题 所有数据都在树中正确显示 但是当我尝试折叠树的分支时 它无法正确显示 也就是说 发生了平滑的折叠动画 但随后数据在不应该可见的时候再次可见 相同的代码在 Firefox 3 6 27 和
  • 如何使用 typescript 和 @types/jstree 将 jstree 添加到 Angular 2 应用程序

    嗨 我相信这是一个新手问题 但我是 ng2 的新手 所以请耐心等待 我已经搞定了 npm i jstree save 在我使用 angular cli 创建应用程序之后 然后我安装了 npm i types jstree save dev
  • JsTree 复选框 - 检查事件

    我有这个 JsTree 用这个代码 var Tree MyTree Tree jstree core themes responsive false multiple false data dataTree types default ic
  • jstree delete_node() 没有删除

    我一直在拼凑一个函数 为不同的节点组合一个自定义上下文菜单 好吧 到目前为止 在点击文件夹或文件时显示不同的标签方面做得很好 但在实际删除它们方面却没有那么多 看一看 我不得不 做一些 hacky 解决方法 因为我无法让 node hasC
  • 如何更改jstree中的图标?

    我有以下代码 wpFolders co files bind select node jstree function event data getFileById data args 0 hash replace jstree plugin
  • 我可以使用预加载 JSON 数据的 jsTree 并使用 Ajax

    我让 jsTree 处理 JSON 数据 JSON 数据代表服务器的文件系统 用户可以从树中选择一个文件夹 然后将其添加到文件夹输入字段中 我不希望在没有提供文件系统前三层的情况下加载页面 但是 我不会解析整个文件系统 因为这会花费太长时间
  • 改变jstree节点的颜色

    有没有人尝试过使用类型插件更改 jstree 特定节点的颜色 而且我想避免该节点上的单击事件 我需要这样做以防止用户选择同一节点 有关如何更改被单击的任何节点的颜色的示例 function document ready my jstree
  • 如何用新数据重绘jstree树?

    那么 我的问题 我用一些数据初始化了我的树 tree jstree core data Simple root node id node 2 text Root node with options state opened true sel
  • 获取jstree的已检查节点ID列表[重复]

    这个问题在这里已经有答案了 我是新来的jstree and jQuery并且在我的测试树中进行节点检查时遇到了一些问题 用户首先应勾选自己需要的节点 然后点击 概括 按钮以获取警报窗口中已检查节点的 ID 列表 我还想导出 ID 列表以供进
  • jstree问题

    我使用 XML 作为 JSTree 树的数据源 但我找不到任何示例 您可以在 XML 中将节点设置为超链接 或者在任何地方使用自己的图标设置自己的节点类型等 有人这样做过吗 有例子吗 我想你正在寻找jsTree 类型插件文档 http ww
  • jsTree 显示/隐藏节点

    我正在使用 jstree 我想知道如何隐藏 显示节点 如果可能 我给列表项一个 cat id 来使用 jquery 选择它们 但这不起作用 这是代码 html div class resultsContent div class demo
  • 将 jsTree 节点设置为“未确定”状态

    我在用着jsTree http www jstree com 显示带有复选框的树 每个级别的节点都使用以下命令按需加载json data plugin 如果检查节点的后代 则该节点应处于 未确定状态 如 ACME 和 USA 问题是 树一开
  • 如何通过设置类来格式化 jsTree 中的“li”和“a”DOM 元素?

    基本上 我有一个 jsTree 我需要格式化它li and a通过向每种类型添加自定义类来实现 DOM 元素 文档不清楚如何执行此操作 据我所知 无法添加自定义类 任何格式都必须通过覆盖 jquery 主题或编辑 jsTree 源代码来实现
  • jstree选择节点

    问候 我正在使用 jsTree 生成分层数据 JsTree生成如下 function industries tree data type json opts url Admin GetIndustries 它可以找到并且 jsonresul
  • 在 jsTree 上下文菜单中创建自定义项目

    我在 asp net mvc3 中使用 jsTree 和 contextmenu 创建一个树视图 div ul li a href class usr Model Name a Html Partial Childrens Model li
  • 如何让 jstree 节点显示长的、可能是多行的内容?

    当使用jsTree插件 http www jstree com 我需要有一个显示其完整内容的节点 目前 每个节点仅显示大约一行文本 如何让 jsTree 中的节点显示节点中的所有文本而不截断节点的内容 下面的 CSS 代码就可以解决这个问题
  • 如何获取jstree的row元素的点击事件?

    你能告诉我如何获取jstree的行元素的点击事件吗 我在我的小提琴中做了一个jstree的演示 它是在面板中制作的 你必须按 打开面板 按钮来检查面板 我想点击 jstree 元素的事件以在点击时获取它的 id 为了准备树 我必须多次按 添

随机推荐

  • 将 jQuery 与 SQL Server 数据库连接

    我正在尝试构建一个 jQuery 功能 其场景如下所示 假设用户单击网站中的图像 页面上会弹出一个 jQuery 对话框 该对话框有一个文本字段 用于输入图像的 替代文本 当用户单击提交按钮时 该页面的文本应与图像的 URL 一起保存到我的
  • Hive 日期/时间戳列

    我在 HDFS 上有一些数据 我正在尝试将其设置为通过 hive 进行查询 数据采用逗号分隔文本文件的形式 文件中的一列是日期 时间列 如下所示 Wed Aug 29 16 16 58 CDT 2018 当我尝试读取使用以下脚本创建的 Hi
  • Auth 过滤器重定向回 Laravel 中的原始 POST 请求

    看来 Redirect guest login 只适用于 GET 请求 IE 它会将经过身份验证的用户重定向到原始预期 URL GET 在存在 POST 请求的情况下 是否有办法让身份验证过滤器在用户成功登录后继续 POST 到 URL 一
  • 如何避免 Linux/X11 上的 pygame 撕裂

    我一直在玩 pygame 在 Debian Lenny 上 它似乎工作得很好 除了烦人的位图撕裂 全屏或窗口模式 我正在使用默认的 SDL X11 驱动程序 谷歌搜索表明 X11 不提供垂直同步功能 这是 SDL 的一个已知问题 即使使用使
  • 两个相似的位姿具有较大的相对欧拉角

    欧拉角表示的相似位姿有两种 s euler angle o1 0 000549608 3 1334 1 23193 s euler angle o2 0 0222646 3 10948 1 31032 但 Eigen 计算出的相对欧拉角为
  • datagridview 虚拟模式,更新 RowCount 会导致 CellValueNeeded 为所有行触发

    我正在尝试实现 datagridview 的虚拟模式 但是当我将 RowCount 设置为某个数字 以显示滚动条 时 网格希望同时拥有所有行 而不仅仅是显示的行 DataGridView grid new grid VirtualMode
  • Matlab 周末提取

    我有一个大小为 364 x 5 的矩阵 timeVectorDaily 该矩阵具有十进制天数形式的数据 例如 734870 734870 2 734870 4 734870 6 734870 8 734871 734871 2 734871
  • 同时按下按键

    我可以知道在Javascript中同时按下的键的数量吗 如果是这样 我怎样才能拥有他们的数组keyCode 您可以监听 keydown 和 keyup 事件 var keys length 0 document onkeydown func
  • 使用 Python/bokeh 在网站中嵌入绘图

    我试图在个人网站中静态嵌入散景图 但遇到了一些我不理解的行为 基本上 我使用散景生成一个绘图 如下所示 import bokeh plotting as bplt import numpy as np x np random random
  • 如何将二维数组传递到 pycuda 的内核中?

    我找到了答案here https stackoverflow com questions 13282596 how do i feed a 2 dimensional array into a kernel with pycuda 但尚不清
  • 四舍五入到最接近的 100

    如何将整数四舍五入到最接近的 100 例如 497 将四舍五入为 500 98 将四舍五入为 100 1423 将四舍五入为 1400 我会除以 100 四舍五入 然后再次相乘 int initial int rounded int Mat
  • WPF 画布 VisibilityChanged 事件

    我想设置一个事件来运行Visibility在 WPF 上更改Canvas控制 canvas1 VisibleChanged new EventHandler canvas1 VisibleChanged 我已经尝试了上面的方法 但不起作用
  • 如何从嵌套对象生成查询字符串

    我想为我的高级过滤器生成一个查询字符串 我的对象如下所示 searchValue firstName John lastName Doe postalCode 3130 city New York page 1 我正在使用请求参数 http
  • AWS SES SendBulkTemplatedEmail,示例以及如果超出配额会发生什么情况?

    我有两个关于 AWS SES SendBulkTemplatedEmail 的问题 1 有谁知道 Net 中的分步教程吗 我只见过使用 CLI 的示例 并且正在摸索 API 来尝试使其工作 2 每个SendBulkTemplatedEmai
  • 如何在 dplyr 中链接 ifelse 语句

    我试图在我的 R 函数之一中链接 ifelse 语句 基本上我想做的是 do something lt function df cond TRUE df gt ifelse cond do something do something el
  • JQuery 自动完成替代选择下拉菜单

    我在文本输入上使用 jQuery 自动完成小部件来替换选择下拉列表 当用户单击文本框时 建议下拉菜单将打开 我的解决方案在 FireFox 中运行良好 但在 Internet Explorer 8 中运行时出现一些故障 在 Internet
  • 我如何知道何时在组合框中“重新选择”某个值?

    我正在使用 ComboBox 将文本模板插入 RichEdit 控件 模板的名称位于 ComboBox 的选项列表中 除非用户再次在列表中选择相同的值 否则一切都很好 然后SelectionChanged没有开火 根据事件的名称 这是有意义
  • 使用http劫持器有什么好处

    Go http pkg 提供了一个Hijacker http golang org pkg net http Hijacker接口 谁能告诉我什么时候应该使用它 我检查了评论 在劫持调用让调用者接管连接之后 HTTP 服务器库不会对该连接执
  • java中的正则表达式及其与indexOf的性能比较

    请有人告诉我如何匹配 和句点 使用正则表达式在字符串中恰好出现一次 而且使用 indexOf 而不是正则表达式更有效 String s Hello Wor ld or s 12323 asdfasd 基本上任何字符都可以出现在之前和之后 a
  • 使用jstree打开一个节点及其所有父节点

    我正在尝试使用 jstree 并在打开页面时打开一个节点及其所有父节点 这是我用来测试的html代码 div ul li a href TEST1 a ul li a href TEST2 a li li a href TEST3 a li