问题标签 [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 投票
0 回答
635 浏览

fancytree - 花式树过滤器扩展问题

花式树过滤器存在问题。我不知道它是否存在

  1. 项目清单

当我尝试使用搜索字符过滤树并尝试扩展结果树节点时。分支不显示。但实际上它扩展了分支,只是它没有显示在过滤树中。重置搜索后,您可以看到上述内容。

我浏览了网络但找不到任何解决方案

如何解决这个问题。

0 投票
1 回答
1347 浏览

fancytree - 使用分层多选仅选择 Fancytree 中的父节点

我们使用 Fancytree 进行分层多选。现在这里有一个问题

我们有上面的树形结构。当有人选择 Parent 2 时,Child 21 和 Child 22 都被选中。现在的问题是,如果我取消选择 Child 21 和 Child 22,Parent 2 也会被取消选择。如果用户取消选择该父节点的子节点,我正在寻找一种让用户能够仅选择父节点的方法。FancyTree 有可能吗?

0 投票
2 回答
4642 浏览

jquery - 自定义搜索 jQuery FancyTree 插件

我在我的一个项目中使用 FancyTree jQuery 插件:https ://github.com/mar10/fancytree

这个插件还有一个过滤器扩展,它可以调暗或隐藏不匹配的节点:https ://github.com/mar10/fancytree/wiki/ExtFilter

我的树是两级树,这意味着有文件夹有孩子。我尝试做的是 - 按文件夹名称和节点名称搜索。问题是当你有这样的事情时:

节点标题 - 节点子节点 - 节点子节点 2

按“标题”搜索将离开文件夹“节点标题”并隐藏子项,因为其中没有“标题”。

我想要做的是 - 按文件夹名称和子名称搜索但不隐藏孩子 - 仅隐藏不匹配的文件夹。

因此,当您按“标题”搜索时 - 它会隐藏所有没有“标题”的文件夹,但保留“节点标题”文件夹的子节点完整 - 可见。

有人可以帮助我就如何做到这一点提供建议吗?

预先感谢!

0 投票
1 回答
1548 浏览

jquery - 如何让 jQuery FancyTree 调用我的数据方法?

在我的 TestPage.aspx 文件中,我有以下代码:

我对使用 jQuery 控件和进行 ajax 调用有点陌生,但我认为这会在定义为的代码中调用我的方法:

但是它从不调用该方法,我知道这是因为我在它的开头放置了一个断点并且它永远不会被命中(并且树只显示一个加载图片)。谁能告诉我我在这里做错了什么?

0 投票
1 回答
6669 浏览

json - 将花式树数据作为 JSON 数据传递

我想将数据从花式树传递到通用处理程序,以便我可以保存它以供将来使用。

如果我使用此代码:

然后我从 jquery.js 得到以下错误:

我也试过:

这给出了同样的错误。我知道这是因为“树”不是 JSON。如何将数据转换为 JSON 对象?

编辑:

如果我使用此代码:

我可以让它完成我所需要的,但是在fancytree中没有内置函数吗?

0 投票
2 回答
4403 浏览

jquery - 花式树中的不同上下文菜单选项?

我正在使用 fancytree 来显示一个简单的树视图。树中有两种“节点类型”:组(可以有子节点)和项目(不能有子节点)。我正在尝试使用 contextMenu 扩展来添加功能。我的菜单上有三个选项:添加、编辑和删除。是否可以只显示“组”节点的“添加”菜单选项(它们的key值以“g”开头)而不是“项目”节点?或者至少为“项目”节点禁用它?

0 投票
1 回答
484 浏览

javascript - Fancytree LazyLoad folder checkbox with multi-hier not working

Setup

I am loading a directory tree via lazyload and have the checkboxes with multi-hier activated.

Selection and deselection works fine, when i select a subfolder the parentfolder is automatically 'semi-selected', when i select/deselect a parent all the children get selected/deselected.

Problem

But once i reach a folder that has no further subfolders and i try to expand this folder (which then removes the + icon) and then select this folder, i can't deselect it anymore. At least not correctly. Upon deselection it becomes semi-selected (only visually, it is not marked as selected when polling the tree).

When i now select its parent, this child becomes selected, but when i deselect the parent the child stays selected.

Can anybody tell me whats going on here? Did i implement it wrong, or is this a bug?

Example

LINK

0 投票
1 回答
4458 浏览

jquery - 自定义节点图标在 Fancytree 中不起作用

我一直在我正在从事的项目中使用“Fancytree”,直到今天我都对它非常满意。我需要在树中的某些节点上显示不同的图标,并且到目前为止,还无法让它们出现在树上。

我在我用来加载树的 JSON 字符串中指定了自定义节点图标:

以下是加载树的 javascript 代码:

“LockedFolder.gif”文件位于“skin-win8”文件夹中,如果我从 JSON 中取出“icon”:“LockedFolder.gif”,则树可以使用默认图像进行渲染。指定 icon 属性时,树仍然呈现,但没有文件夹图标的图像。

以下是页头中引用的脚本和 css 文件。

看起来这应该很简单,但结果对我来说是一个脑筋急转弯......

好吧,几个小时后,我已经设法回答了我自己的问题。感觉很傻,但这些事情经常归结为这样的事情。原来我的问题出在树的“imagePath”选项中。路径名称必须包含以下正斜杠。所以解决方法是让 imagePath 成为“skin-win8/”。之后工作正常。

0 投票
1 回答
1749 浏览

c# - Fancytree 未加载 ajax 请求

我遇到了花式树的问题。我有一个 aspx 页面,代码隐藏上有一个 webmethod。

我试图用 ajax 调用初始化树,但由于某种原因,它看起来 ajax 调用没有到达那里。这是我初始化树的javascript代码:

这是我的代码隐藏网络方法:

我究竟做错了什么?我尝试向 webmethod 发出 ajax 请求,并且能够检索 json 字符串。但是当我使用花式树时,我无法填充树!

提前致谢!问候!

0 投票
4 回答
2898 浏览

javascript - 将 fancytree 节点拖到外部 droppable

我有一个用一些 json 填充的花式树。我也有一个可放置的 div。我希望能够在树中拖动节点(即在包含的层次结构中移动东西)并且我希望能够将东西从树中拖到我的外部可放置 div 中。

我怎样才能做到这一点?

这是我所拥有的:

我的html:

dnd 初始化选项:

可丢弃初始化

扩展:

我正在使用 ["dnd","edit","contextMenu"] 扩展。如果有一些我不知道的冲突,我会提到这一点......但是我确实禁用了编辑和 contextMenu 无济于事。

行为:

  • contextMenu 和编辑扩展工作正常。
  • 我可以在树中拖放项目以重新排序节点。
  • 我不能把东西拖出树
    • 当我拖过边缘时scroll: true,树只是得到一些滚动到无穷大的滚动条
    • scroll: false树滚动条的行为相同,但没有发生实际滚动
    • 遏制似乎没有效果

包含的资源:

  • jquery.js jquery-ui-1.11.0.js
  • jquery.fancytree-all.css
  • jquery.contextMenu.css
  • jquery.contextMenu-1.6.5.js
  • jquery.fancytree.contextMenu.js
  • 花式树.min.css