问题标签 [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.
jquery - 如何将动态数据添加到jq树
我从 ajax 响应中获取 json 数据,但是当我将此数据提供给 jq 树时,它只打印一个节点。如何通过for循环将数据提供给jq树以完全显示树。
这是我的示例 json。
{"libraries":[{"Elements"["CustomerTable","EmployeeGrid"],"LibraryName":"test.rptlibrary"},
{"Elements":["CustomerTable","EmployeeGrid","Employeetable"],"LibraryName":"test2.rptlibrary"}]}
下面是我的代码:
javascript - 将字符串转换为 Javascript 对象以在 jqTree 中使用
我正在尝试使用 jqTree 呈现可折叠树,以通过使用 AJAX 的 ASP.NET 项目显示来自 MySQL 数据库的数据。
问题:
我可以从我的 AJAX 调用中成功获取包含 jqTree 格式数据的字符串(即使他们说它支持它也不是 JSON)。但是,一旦我得到它,它就会呈现为垂直字符串。如果我对数据进行 typeof 调用,它会说它是一个字符串,即使它在通过 console.log 目视检查时“看起来”像一个对象。
我尝试了多种不同的方法将字符串放入对象中,但结果各不相同。
我在后面的代码中使用它来返回制造的字符串:
结果字符串如下所示(注意没有换行引号):
在我的 div 中呈现如下:
我知道这些是由 jqTree 呈现的,因为我可以拖放它们,单击它们时它们会突出显示等,但是我得到的不是树形视图,而是一个“悬垂的藤蔓”视图,并不完全有用。
如果我只是采用完全相同的字符串并将其声明为 JS 中的 var(不使用 message.d 的返回值):
在我的 JS 代码中并使用它,它可以完美显示,并且 typeof 认为它是一个对象。
工作示例,以便您可以看到我在寻找什么:
JS端的代码:
这是我的 AJAX 调用的成功部分,其中包含一堆也不起作用的注释掉的版本:
问题:
所以毕竟,我的问题是,如何从 AJAX message.d 中获取字符串并将其转换为对象,以便 jqTree 可以使用它来呈现我正在寻找的树?
工作代码:
我已经添加了一些成功用户通知的东西(jGrowl),所以不要让它丢给你。修复它的代码位在这里: data = eval($.parseJSON(message.d));
我知道这eval
是邪恶的并且存在安全漏洞,但是,这是所有内部代码,只能在本地服务器和生产车间计算机上使用,所以我认为风险是可以接受的(我的经理也是如此)。
jquery - 在 jqTree 中显示所选项目的全宽背景
好的,我有一个简单的嵌套列表,样式为jqTree。
和检查器一起玩,我注意到附加的类,负责突出显示元素是jqtree-selected
.
整个事情都很好。除了一件事:
无论选择哪个元素,我都希望选择背景(带有蓝色)占据线条的整个宽度。(目前,node1
andnode2
元素表现良好,但它们的“子”元素在突出显示时不会占据整行)
关于如何实现这一点的任何想法?
演示:http: //jsfiddle.net/80589tbx/
javascript - 如何将新创建的 Backbone 模型显示为 Views 中的第一项?
我陷入了需要将一个主干视图添加到视图树的情况。
我正在使用jqTree
创建主干视图树。我正在jqTree#onCreateLi
为 jqTree 的处理程序中的问题或设置创建主干视图。
我有一个Add Set
调用以下方法的按钮。代码如下:
当前行为:
它在树的底部添加新集,即在第三集的底部(相对于屏幕截图)。在这里,当this.collection.create()
line 执行时,它调用onCreateLi
函数tree
并创建视图末尾作为默认 Backbone 集合在列表末尾创建。
预期行为:
我想在树的顶部添加新的集合,即在Set One之前。
请帮助我解决方案或想法?
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 ”并将其文本变为红色?我想将这两个都变为红色的文本位以及实际的结果文本(已经是红色的)。
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.
javascript - 是否可以使用任何 javascript 树视图(如 fancytree、jstree、jqtree)进行对象绑定?
目前我正在使用fancytree进行树视图
我想将一个对象绑定到fancytree
..像source: my_object
如果我更改任何会自动反映在对象中的树节点,fancytree 可以吗?
任何其他 javascript 树视图插件都可以做到这一点吗?
javascript - Jqtree - 排序条目
我正在使用 jqtree 插件来生成树视图。现在我想通过标签对每个节点的树进行排序。
该插件没有排序功能,所以我认为我需要在将数据加载到其中之前对其进行排序。
这是我要排序的数据。
]
非常感谢您的任何建议。
javascript - jqTree appendNode 函数问题
我有以下问题。树有一些节点。使用函数'addNodeAfter'我添加新节点。然后使用函数'appendNode'我将子节点添加到刚刚添加的节点。在此之后,我尝试将我的子节点移动到另一个节点,但我不能。只有经过一些尝试,它才开始工作。A尝试调试,发现'event.move_info.target_node'是根节点(整个树)。为什么会发生这种情况?
javascript - 如何从数组创建jqtree
当我这样尝试时,正在创建一个数组对象并将其存储在数组中,但 jqtree 接受该对象而不是数组内的对象。我怎么能做到这一点。
这棵树有父节点,一个父节点可以有多个子节点。