问题标签 [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 回答
631 浏览

jquery - 如何将动态数据添加到jq树

我从 ajax 响应中获取 json 数据,但是当我将此数据提供给 jq 树时,它只打印一个节点。如何通过for循环将数据提供给jq树以完全显示树。

这是我的示例 json。

{"libraries":[{"Elements"["CustomerTable","EmployeeGrid"],"LibraryName":"test.rptlibrary"},

{"Elements":["CustomerTable","EmployeeGrid","Employeetable"],"LibraryName":"test2.rptlibrary"}]}

下面是我的代码:

0 投票
1 回答
284 浏览

javascript - 将字符串转换为 Javascript 对象以在 jqTree 中使用

我正在尝试使用 jqTree 呈现可折叠树,以通过使用 AJAX 的 ASP.NET 项目显示来自 MySQL 数据库的数据。

问题:

我可以从我的 AJAX 调用中成功获取包含 jqTree 格式数据的字符串(即使他们说它支持它也不是 JSON)。但是,一旦我得到它,它就会呈现为垂直字符串。如果我对数据进行 typeof 调用,它会说它是一个字符串,即使它在通过 console.log 目视检查时“看起来”像一个对象。

我尝试了多种不同的方法将字符串放入对象中,但结果各不相同。

我在后面的代码中使用它来返回制造的字符串:

结果字符串如下所示(注意没有换行引号):

在我的 div 中呈现如下:

我知道这些是由 jqTree 呈现的,因为我可以拖放它们,单击它们时它们会突出显示等,但是我得到的不是树形视图,而是一个“悬垂的藤蔓”视图,并不完全有用。

如果我只是采用完全相同的字符串并将其声明为 JS 中的 var(不使用 message.d 的返回值):

在我的 JS 代码中并使用它,它可以完美显示,并且 typeof 认为它是一个对象。

工作示例,以便您可以看到我在寻找什么:

JSFiddle

JS端的代码:

这是我的 AJAX 调用的成功部分,其中包含一堆也不起作用的注释掉的版本:

问题:

所以毕竟,我的问题是,如何从 AJAX message.d 中获取字符串并将其转换为对象,以便 jqTree 可以使用它来呈现我正在寻找的树?

工作代码:

我已经添加了一些成功用户通知的东西(jGrowl),所以不要让它丢给你。修复它的代码位在这里: data = eval($.parseJSON(message.d));

我知道这eval是邪恶的并且存在安全漏洞,但是,这是所有内部代码,只能在本地服务器和生产车间计算机上使用,所以我认为风险是可以接受的(我的经理也是如此)。

0 投票
2 回答
223 浏览

jquery - 在 jqTree 中显示所选项目的全宽背景

好的,我有一个简单的嵌套列表,样式为jqTree

带有 jqTree 样式的嵌套列表

和检查器一起玩,我注意到附加的类,负责突出显示元素是jqtree-selected.

整个事情都很好。除了一件事:

无论选择哪个元素,我都希望选择背景(带有蓝色)占据线条的整个宽度。(目前,node1andnode2元素表现良好,但它们的“子”元素在突出显示时不会占据整行)

关于如何实现这一点的任何想法?


演示:http: //jsfiddle.net/80589tbx/

0 投票
1 回答
49 浏览

javascript - 如何将新创建的 Backbone 模型显示为 Views 中的第一项?

我陷入了需要将一个主干视图添加到视图树的情况。 在此处输入图像描述

我正在使用jqTree创建主干视图树。我正在jqTree#onCreateLi为 jqTree 的处理程序中的问题或设置创建主干视图。

我有一个Add Set调用以下方法的按钮。代码如下:

当前行为:

它在树的底部添加新集,即在第三集的底部(相对于屏幕截图)。在这里,当this.collection.create()line 执行时,它调用onCreateLi函数tree并创建视图末尾作为默认 Backbone 集合在列表末尾创建。

预期行为:

我想在树的顶部添加新的集合,即在Set One之前。

请帮助我解决方案或想法?

0 投票
2 回答
417 浏览

javascript - 选择器获取文本的父级以更改其颜色

我正在使用JQTree创建测试数据的嵌套树视图。我想用红色文本突出显示失败。我正在使用var failText = $("span:contains('FAIL')");failText.css({'color': 'red'});在实际失败发生的地方执行此操作。但是,我还想突出显示上层父级,这样技术人员就不必搜索所有测试来找到失败的测试,他们只需查找红色标题文本,然后在那里钻取。

为了获得父文本,我尝试了几件事:

failText.parents('.jqtree-title-folder').css({'color': 'red'});

failText.closest('.jqtree-title-folder').css({ 'color': 'red'});

两者都不起作用。我也尝试过让 parent<span>和最接近<span>的,这两个都不起作用。

小提琴:http: //jsfiddle.net/delliottg/L6hdzene/

如何获得上层文本(在小提琴中,第二个测试标记为:“电气测试数据版本:SBE05 ”,它嵌套了“测试步骤名称 SET 2000 RPM ”并将其文本变为红色?我想将这两个都变为红色的文本位以及实际的结果文本(已经是红色的)。

0 投票
0 回答
248 浏览

jquery - Tree won't load in ie 8

I'm using the jqtree plugin and I can't seem to get the tree to load in ie 8. I get an error in ie8 saying children is null or not an object. But I don't receive that error in any other browser.

The error occurs on the 8th line of the code below saying - Unable to get property 'children' of undefined or null reference.

Here is my html

and here is my java script

I have tried adding this to my script

But this code just disables the tree from loading.

0 投票
1 回答
509 浏览

javascript - 是否可以使用任何 javascript 树视图(如 fancytree、jstree、jqtree)进行对象绑定?

目前我正在使用fancytree进行树视图

我想将一个对象绑定到fancytree

..像source: my_object

如果我更改任何会自动反映在对象中的树节点,fancytree 可以吗?

任何其他 javascript 树视图插件都可以做到这一点吗?

0 投票
1 回答
304 浏览

javascript - Jqtree - 排序条目

我正在使用 jqtree 插件来生成树视图。现在我想通过标签对每个节点的树进行排序。

该插件没有排序功能,所以我认为我需要在将数据加载到其中之前对其进行排序。

这是我要排序的数据。

]

非常感谢您的任何建议。

0 投票
0 回答
111 浏览

javascript - jqTree appendNode 函数问题

我有以下问题。树有一些节点。使用函数'addNodeAfter'我添加新节点。然后使用函数'appendNode'我将子节点添加到刚刚添加的节点。在此之后,我尝试将我的子节点移动到另一个节点,但我不能。只有经过一些尝试,它才开始工作。A尝试调试,发现'event.move_info.target_node'是根节点(整个树)。为什么会发生这种情况?

0 投票
1 回答
94 浏览

javascript - 如何从数组创建jqtree

当我这样尝试时,正在创建一个数组对象并将其存储在数组中,但 jqtree 接受该对象而不是数组内的对象。我怎么能做到这一点。

这棵树有父节点,一个父节点可以有多个子节点。