问题标签 [fancytree]

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 投票
4 回答
3815 浏览

jquery - 在 Fancytree“extraClasses”中设置字体颜色不适用

我的网络应用程序中有一个树,它使用了 fancytree。除了某些节点我需要将字体颜色设置为红色之外,这一切都很好。我extraClasses在我的 JSON 中使用它完全适用于适当的节点,并且可以使用浏览器的调试器进行验证。

然而,虽然我可以轻松地应用font-styleCSSbackground-color属性,但由于某种原因,字体颜色并没有被带到 base span.fancytree-title. 相反,所有节点都是黑色的。

CSS:

C# 生成相关的额外类:

在浏览器调试器中,我可以清楚地看到这一点:

extraClasses 节点按预期应用

您可以在此处看到颜色已进入元素的属性:

正在设置的颜色

但是,当我突出显示时,span.fancytree-title我可以看到颜色被覆盖并改用黑色。

被覆盖的颜色

我尝试了各种方法,例如在.initFancy 树事件和文档就绪函数中尝试覆盖 jQuery 中这些节点的颜色:

我什至尝试了为所有 .fancytree-title元素设置颜色的蛮力方法:

这也没有效果。我的想法很新鲜。它只是不想应用字体颜色而应用字体颜色。每个其他属性都可以正常工作。帮助!

0 投票
1 回答
3918 浏览

ajax - 源 ajax 中的 Fancytree 自定义 json 格式

我正在使用fancytree,表扩展,我想知道是否可以在fancytree 中为ajax 请求使用自定义json 格式。

例如 json 格式是

基本上,node_list 是 fancytree 默认需要的 json 格式,但是如何将 node_list 传递给 renderColumns 的默认 fancytree。

0 投票
1 回答
534 浏览

javascript - 通过 ref 将对象绑定到 fancytree 源,可能吗?

我想通过引用将对象绑定到fancytree源,这样当我更改该对象中的任何属性时,都会突然反映在树上

fanytree 这可能吗?

我尝试使用此代码(如下所示)但失败了

0 投票
1 回答
1338 浏览

jquery - 如何使来自 pl/sql 的字符串被视为来自 FancyTree 的 ajax 调用中的 json 响应?

我在通过 ajax 调用选项填充 FancyTree 树时遇到问题。页面和树数据的来源是来自 Oracle 10 数据库的 PL/SQL 包。我打电话tree_test.show_page,它htp.p用来显示这个简单的测试页面(为了清楚起见,删除了脚本链接):

树没有显示,但在 Chrome 调试器中,我可以看到test_tree.get_tree成功调用的位置。我假设问题是字符串响应没有被视为 JSON 数据。我知道数据很好,因为如果我添加var treeData = <JSON data here>FancyTreesource参数并将其更改为source: treeData,它可以正常工作。source并且无论参数的配置方式如何,树数据都由相同的 PL/SQL 过程提供。

在 Chrome 调试器中,它将响应的内容类型显示为text/html(请参阅下面的编辑)。我尝试了dataType参数的各种值(“json”、“html json”、“text json”、“html text json”等),但没有成功。

我错过了一些明显的东西吗?

以下是示例 JSON 数据:

[{title: "Root Group", key: "g0", folder: true, expanded: true, children: [{title: "Group 1", key: "g1", folder: true, expanded: true, children: [{title: "Node 1", key: "141", tooltip: "Node 1"},{title: "Node 2", key: "82", tooltip: "Node 2"}]},{title: "Group 2", key: "g2", folder: true, expanded: true, children: [{title: "Node 3", key: "91", tooltip: "Node 3"}]}]}]

编辑:
根据 Yogi 的建议,我添加owa_util.MIME_HEADER('application/json', true)tree_test.get_tree程序中,现在响应的内容类型显示为application/jsonChrome 的调试器中的内容。但是树仍然没有填充数据。

0 投票
1 回答
2443 浏览

php - Fancytree 从特定的 json 元素加载数据

我正在使用Laravel 4fancytree

我有一个返回数据的api调用,如下所示:JSON

我想将JSONof 元素加载survey_datafancytree.

目前,我的代码是这样的:

在变量sourceURL中,我通过了api url并且我已经用萤火虫验证了我得到了正确的JSON数据。但是,我不确定如何将其加载survey_data JSON为源。

我也试过:

但是出现错误:

请注意,我使用的是最新版本的fancytree.

有谁能够帮我?

谢谢。

0 投票
1 回答
5221 浏览

jquery - 无法在 FancyTree 中使用 toggleExpand() 展开节点

我有一个延迟加载树,一切正常,但是我需要能够在 jQuery 中扩展特定节点。我在这里查看了演示,但每当我尝试调用时,toggleExpand()我都会收到以下错误(在 IE9 上,这是我们 Intranet 上的目标平台):

我的代码很简单:

使用node.expand()给出相同的结果。我也尝试过从activate(event, data)事件中获取节点,data.node但它对我也不起作用(不是我需要使用这种情况,我只是想找到某种方法来获取节点对象的句柄这样可行)。

根据我找到的任何文档,这似乎应该满足我的需要,但事实并非如此。

0 投票
1 回答
3849 浏览

javascript - Fancytree: Remove nodes without children

I want to remove selected nodes and move all children to it's place. I use code:

Where #tree is div with ul\li. If Nodes > 1 I have error "Uncaught TypeError: Cannot call method 'addChildren' of null " and only one node is removed.

0 投票
1 回答
1372 浏览

javascript - Fancytree 渲染所有元素

https://github.com/mar10/fancytree

基本上,这棵树在展开/折叠时添加和删除子元素。除非树被展开,否则我不能为孩子修改 DOM 元素。

我已经在文档中搜索了一个没有找到的解决方案。也许你们中的一些人有这个问题......

我希望在开始时为树中的所有节点创建 DOM 元素(如果不展开则隐藏,但存在)。

谢谢

0 投票
2 回答
2294 浏览

jquery - 花式树滚动到特定元素

我正在从外部面板激活树节点。由于树非常大,我想自动滚动到激活的节点并进一步读取数据……我的问题是如何执行这样的自动滚动?我已经搜索了很多,但仍然没有找到有用的东西——除了一些动态树资源。

谢谢安迪

0 投票
1 回答
5105 浏览

jquery - 重新加载后花式树不展开节点

我正在使用花式树。

在javascript中重新加载后如何打开节点(惰性)?

代码:

执行 node.setExpanded() 时出现“断言失败”错误。我认为问题在于在执行该 node.load() 之前执行 setExpanded() 指令。

谢谢你。