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

javascript - 如何在 jqtree 中使用 MutationObserver?

我有一个jqtree,我应该发送使用 AJAX 更改了哪些节点,为了做这样的事情,我使用递归函数来读取整个 JSON,问题是,我只想发送受影响的节点。由于树是拖放的,因此用户一次只能更改一项。

澄清:

页面已加载,结构也是如此(检查萤火虫): 在此处输入图像描述

然后,用户选择并child1拖入node2 在此处输入图像描述

通过这样做生成新的JSON,然后将其分离并分类为vpais(父母)和vfilhos(孩子) 在此处输入图像描述

但是,正如您所看到的,没有必要全部发送parentschildren因为只有一个节点会被更改(而且总是如此,因为一次只能拖动一个项目)。

所以在这里,一个人告诉我mutationObserver,理论上,这很了不起,但后来我意识到,我将如何使用它?!?,它非常复杂,我有理论但使用它是一个不同的故事,你能帮帮我吗?

感谢@Mouser

谢谢你到目前为止:)

我的代码:

0 投票
1 回答
238 浏览

javascript - 如何检测节点何时离开组?Jq树

我有这棵树,我让它发送idachild和它的parent's,每次节点移动到另一个节点时,但我还想检测子节点何时移出其父节点。

在萤火虫上检查它

澄清:

例如,我有两个节点:

node1(无父)

node2(无父)

然后,我搬进node1node2

(然后我使用以下方法检查位置if (event.move_info.position == 'inside');:)

node2(无父)

节点(节点2)

我还想检查一下我何时搬到node1外面node2

但是没有 event.move_info.position == 'outside'

从:

node2(无父)

节点(节点2)

至:

node1(无父)
node2(无父)

你能启发我吗?

提前致谢。

0 投票
1 回答
645 浏览

jquery - jqTree getState 和 setState -- 保存/恢复动态创建的树节点

我使用 jQuery 小部件 jqTree 作为导航和动态创建的嵌套元素的组装。它功能齐全,是我所见过的 jQuery-verse 中同类中最好的组件之一:

https://github.com/mbraak/jqTree

但我无法利用它setState来保存动态创建的节点,尤其是在页面刷新时。我讨厌将 Github “问题”用于类似论坛的、准规范的问题,所以我求助于大家。

我正在使用表单来保存有关我的 Web 应用程序的特定数据,而且还利用该表单的部分结果来使用新的树节点和/或子节点填充 jqTree 的实例。这是一个非常简单的过程,利用 jqTree 的原生函数addNodeAfterappendNode. 问题在于获取和设置表单提交和页面相应重置时的这些状态。

有一个用于保存打开/关闭嵌套节点的最后状态的参数saveState: true,,效果很好,但是表单在其生命周期内动态生成的任何节点/子节点在表单提交和页面刷新时都会被销毁。有人确实在这里向开发人员询问了一些类似的问题:

https://github.com/mbraak/jqTree/issues/301

但我得到的最接近答案的是这句话:

如果我继续运行getStateaddNodeAfter我会得到一个 console.log() 结果,例如:

{"open_nodes":[1],"selected_node":[4]}

使用相同的选择/创建节点场景setState,我进入控制台:

{"type":"tree","timeStamp":1440016021305,"jQuery111307363375960849226":true,"isTrigger":3,"namespace":"refresh","namespace_re":{},"target":{"jQuery111307363375960849226":16}}

即据我所知,在他们的命名法中,几乎完全不同的反应没有任何直接关系。

而且,如果我尝试提交表单并同时保存我的新节点数据:

我既没有保存数据也没有得到任何控制台示例。注意注释掉的e.preventDefault();语句——注释回来,我确实在控制台中得到了这两个非常不同的结果,但是,当然,我的表单不会触发,据我所知,没有数据被保存。

所以——我想我有两个问题:

getState1.)jqTree和jqTree中这两个非常不同的结果之间有什么关系setState?和:

2.) 我如何提交表单、保存新创建的树节点并在页面重新加载时让它们重新填充树?

很抱歉在这里详细说明-感谢您的关注和您可能提供的任何帮助。

0 投票
1 回答
249 浏览

jquery - jqtree单击事件不适用于部分视图

我正在使用 jqtree 通过类别过滤产品。它在我第一次单击类别时起作用。选择类别后,我将单击搜索按钮以显示部分视图中的项目数据。然后当我将选择另一个类别搜索另一组数据时,点击事件不再起作用。

我使用的jQuery代码:

用于搜索产品的控制器代码

0 投票
0 回答
54 浏览

c# - jQuery Tree拖放 - 移动后确定位置

我正在使用 jQuery 树来显示拖放结构。如何确定节点被移动到哪里?我需要保持节点的顺序。

谢谢!

0 投票
1 回答
196 浏览

javascript - jqtree 无法使用 loadDataFromUrl 函数加载数据

所以这是我的代码

但是没有调用回调函数,也没有将子树加载到节点中。我尝试使用 ajax 单独加载数据,结果如下所示:

但仍然 loadDataFromUrl 不工作和填充子树..谁能告诉我我的代码有什么问题或给我看一个加载子树 wuth JQTree 的工作示例?

0 投票
1 回答
2205 浏览

javascript - jqTree 从 Json 获取树:“Uncaught TypeError: $(...).tree is not a function”

我正在使用jqTree以树格式显示 JSON 数据。在实施演示时jqTree我收到此错误:

“未捕获的类型错误:$(...).tree 不是函数”

0 投票
1 回答
162 浏览

javascript - 我们如何使用 jqTree jquery 插件

我正在使用 jqTree 插件。但在 console.log 中它有一个错误,上面写着:“$(.....).tree ”不是一个函数。但在链接http://www.jqueryscript.net/layout/jQuery-Plugin-for-Tree-Widget-jqTree.html它说只是树功能,如下所示。

它有什么问题?

0 投票
1 回答
116 浏览

javascript - jqTree 在 IE11 中不执行 saveState 工作正常 FF12

我正在开发一个 Web 应用程序,并且正在将 jqTree 插件用于树形菜单。我在创建树时使用了 saveState 参数。它在 FireFox 12 中运行良好,即它在刷新时记住树的状态(使用 localStorage),但在 Internet Explorer 11 中,它不会将数据保存到 localStorage 或作为 cookie(我已根据jqTree作者的说明,我可以很好地读写cookie)。

无奈之下,我将打开的节点列表作为字符串保存到 localStorage 中,然后尝试循环遍历列表并使用 jqTree 的 openNode 函数打开节点。这也不起作用。谁能建议任何解决方法/修复?非常感谢。:)

PS 它在 IE11 中崩溃,并在 tree.jquery.js 的第 1839 行出现错误消息“'JSON' is undefined”。

更新:上述错误已通过将 js_json2.js 添加到配置中并将 tree.jquery.js 的第 1839 行更改为

但是现在折叠的节点正确显示展开/折叠图标,但应该不可见的子节点仍然显示如下:

▼node1ajax

孩子1 孩子2

▼节点2

孩子3

►child4

子2

在这种情况下, sub2 不应该是可见的,而是可见的。

0 投票
2 回答
103 浏览

javascript - 从不同的 .js 文件中访问来自 1 个 .js 源文件 (jqTree) 的变量以覆盖方法

(JS、jQuery 和 jqTree 的新手)

我正在尝试在另一个(我自己的)中覆盖一个 .js 文件tree.jquery.js)中的方法(JqTreeWidget.prototype.openNode)。custom.js

我读过它来覆盖一般的 js 方法,我只需要重新定义它。所以我试图在方法上做到这一点,我想我被困在访问具有原始方法( JqTreeWidget)的变量上。我认为挑战在于原始方法位于(源)中,它与我想要进行覆盖tree.jquery.js的我自己的其他文件分开。custom.js

这个问题的目标是让我在我的(将是这个问题的答案)中写出这样的东西custom.js<reference to JqTreeWidget.prototype.openNode>

我认为这将是进行覆盖的最非侵入性的方式,而无需实际侵入tree.jquery.js源代码。

看我的custom.jshttp://codepen.io/cellepo/pen/LGoaQxtree.jquery.js在该 codepen 的 JS 设置中从外部添加 单独的源。

如何(从我的custom.js文件中)访问JqTreeWidget源文件 ( ) 中的变量tree.jquery.js 甚至可能吗?不在JqTreeWidget范围之外tree.jquery.js,还是不是全局变量?本来希望treeContainer.tree.prototype有的,可惜到现在还没有运气。。。

谢谢!