问题标签 [jqtree]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
526 浏览

jquery - 无法让 jqTree 从 URL 加载数据

不知道我做错了什么,但是当我尝试使用 dataUrl 时 jqTree 拒绝出现。

查看 Chrome 开发工具网络选项卡,我可以看到 js 文件已加载,但即使使用最简单的部分JSON,它也不会构建树。

内容data.js

有什么建议么?我的 JSON 是否存在一些我没有看到的格式问题?

0 投票
1 回答
1483 浏览

jquery - How to add a child node with jqTree

I'm trying to add a new node into an existing node in jqTree (http://mbraak.github.io/jqTree/), but I'm stumped.

If I have a tree like this

...and want to add a new node as a child node of B, how do I do it?

The documentation talks about addNodeAfter, addNodeBefore and addParentNode, but I want addChildNode or something similar?!

I guess I'm just missing it in the documentation somewhere...

0 投票
1 回答
147 浏览

jquery - rails 3 JqTree 对象没有方法树

我正在使用带有 jquery-rails 2.0.2 和 jqtree-rails (0.1.5.0) 的 rails 3.2

包含的 javascript 文件在我的 html 页面中如下所示:

我已经复制了 jqtree 网站上给出的第一个示例,但是我有这个 javascipt 错误:TypeError: Object [object Object] has no method 'getOwnPropertyNames'

如果有人知道如何解决它,那就太好了!谢谢

0 投票
2 回答
2128 浏览

javascript - 为 jqTree 中的节点动态分配 HTML/CSS Id

在 jqTree 中,将以下代码放在 HTML 文件顶部的 JavaScript 块中将生成一个小的树视图。

到目前为止,这对我来说非常有用。但是,我希望能够在 HTML/CSS 中为每个节点和/或子节点提供一个 id,以便我可以根据其在我的应用程序中的状态更改每个节点/子节点的颜色。树视图的 HTML 是在$(function())调用中动态创建的,因此我可以在调试器或元素检查器中查看它,但我无法真正编辑它。

关于如何解决这个问题的任何建议?

--

jqTree 有一种将 id 分配给节点的方法,作为数据声明的一部分,如下所示:

但是,这些 id 似乎不是 HTML id,因为它们没有出现在我的元素检查中。

我猜有一个 JScript 函数可以让我修改 getNodeById 函数返回的节点,给它一个 HTML id,但如果有人能想到更简单或更直接的方法,我会更喜欢。尽管我当前的设置已将节点硬编码到我的文件中,但我最终将动态生成它们,可能使用 JSON,因此可以使用的解决方案会很棒。

0 投票
6 回答
1122 浏览

javascript - jqTree 显示未定义的有效 json

我正在尝试使用来自http://mbraak.github.io/jqTree/#tutorial的 jqTree

我的页面是

它没有显示任何价值。但对于数据 var data = [ { label: 'node1', children: [ { label: 'child1' }, { label: 'child2' } ] }, { label: 'node2', children: [ { 标签:'child3' } ] } ];

即使两个 json 都是有效的。我将如何解决这个或任何其他可用于选择 json 节点的 js。

jsfiddle

有没有其他js可以查看json。

提前致谢。

0 投票
1 回答
99 浏览

javascript - java脚本填充一个数组,使其匹配以下结构

假设我想从变量数据的空值开始,如何使用 javascript 使用 push 方法来实现这个结果:

我努力了:

查看上面的代码,我需要插入一个将与子列表链接的元素。有人可以帮助我实现这一目标.. 我将非常感激。此致。

0 投票
1 回答
701 浏览

jquery - jqtree 不显示自定义属性

jqtree docs中,它说您可以向数据添加自定义属性:

您还可以在对象中包含其他数据。您可以稍后访问此数据。例如,要添加一个 id:

我正在向它发送如下所示的 JSON:

我正在这样实现它:

树显示得很好,但它不会以我能确定的任何方式传递“id”字段。我做错了什么,还是不再支持该功能?

0 投票
1 回答
155 浏览

jquery - 组件构建后的触发事件

我以这种方式在项目中使用jqTree :

  1. 动态地将具有“.root”类的“p”元素添加到页面中。
  2. 单击按钮时,为每个“p.root”元素调用 jqTree。
  3. 添加每个 li 后,使用 onCreateLi 事件处理程序添加一个 id。
  4. 创建所有树后,添加一个类以突出显示多次出现的 li。

最后一步是我遇到麻烦的地方。这是我正在使用的代码:

问题是'onCreateLi' 在每个 li 之后触发,所以它刚刚创建的将永远是最后一个兄弟。我还在 .each() 的末尾尝试了一个 .load(),但它似乎中断了树的构建(我猜它在树构建之前就被解雇了)。

如果有 jqTree 的 .afterLoad() 事件处理程序,这会容易得多。

编辑:等等,这可能真的有效......

编辑 2:在 Firefox 中工作,而不是在 IE 中。

编辑 3:我将以不同的方式问这个问题,所以更多不熟悉 jqTree 的 jQuery 专家可以回答它。我正在使用 jQuery.each() 遍历每个“p.root”元素。完成该循环后,我需要触发一些代码。我尝试了 jQuery.each().after(),但它似乎中断了树的构建。

0 投票
1 回答
984 浏览

jquery - jqtree:多重搜索并突出显示树中的所有搜索结果?

有人知道是否可能以及如何搜索树中关键字的所有出现,展开并突出显示所有结果及其到根元素的路径。

我已经在这里找到了单个搜索的示例:https ://github.com/mbraak/jqTree/issues/211

先感谢您!

解决了!

0 投票
2 回答
230 浏览

jquery - JQ 树未正确渲染

我有一个 JQ 树,我试图在树结构中加载区域路径。

我有LoadTree()方法调用 fromdocument.ready并且此方法进行 ajax 调用,该调用获取对象列表(具有类似的属性DisplayName)。

通过循环结果数据,我正在创建要绑定的数据字符串。但是,当我绑定数据时,数据无法正确呈现,它们都会每行呈现一个字符。

参考这张图片

在此处输入图像描述

任何帮助将不胜感激。