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

javascript - 模态关闭后Jquery不重新加载div

我有这个功能可以将数据加载到我的树视图中。我正在使用 JQTree 来执行此操作:

当我第一次加载页面时以及当我的模态窗口像这样关闭时,我都会调用它:

现在的问题是,当我向页面添加一个项目并且我清空并重新调用该函数时,我的 div 只是空的。

我试过 $('#tree').tree('reload'); 也一样,但什么也没发生。

0 投票
0 回答
14 浏览

javascript - 使用 jqTree 在节点删除时触发事件

当节点被移动和/或删除时,这个小提琴尝试访问修改后的树数据并将其显示到控制台:

有问题的树基于 jqTree:https ://mbraak.github.io/jqTree/

http://jsfiddle.net/adrianfiddleuser/ywo3z1rb/3/

但是警报没有触发。

小提琴 src:

HTML:

javascript + jQuery :

如何触发警报并访问修改后的树 json 结构?我没有on正确使用?

0 投票
0 回答
42 浏览

jqgrid - 如何在 jqGrid 搜索表单上添加 jqTree

我在我的页面上使用 jqGrid 并使用 jqTree ( https://mbraak.github.io ) 作为 Division 属性。在属性的搜索表单中,我在该函数中创建 jqTree 元素:

并在 jqGrid 模型中签署该函数

所以我有搜索表单。当我在输入字段中手动输入除法代码时,它工作正常。但是,当我从 jqTree 中选择 Division(以及输入字段中显示的代码值)时,搜索不起作用。看起来 jqGrid 在输入字段中看不到值。

也许有人告诉我为什么会这样?

我的页面的完整代码

0 投票
1 回答
25 浏览

javascript - jqTree getSelectNode 函数

我是 jqTree 的新手。我正在尝试使用该函数:getSelectedNode在此处找到: jqTree 函数 我的树正在工作并使用我自己的数据以及此函数中的示例数据显示:

使用下面的 jqTree 函数,我只会在加载页面时得到“null”。此外,当我选择一个节点时没有任何变化。

我也尝试了给定的示例:

在这种情况下,我得到$tree not defined

本质上,我做错了什么?这些类型的 jqTree 函数是如何工作的?谢!

0 投票
1 回答
369 浏览

ruby-on-rails - 如何将 Rails 6 中的 JqTree 与 webpacker 集成,树不是函数

我真的很想知道如何将 jqTree 作为 webpacker webpack 集成到我的 Rails 6 应用程序中

更新:- 使用 yarn add jqtree 似乎神奇地解决了我的大部分问题,但是我目前面临的树不是函数错误

我正在使用 Ancestry gem 来组织菜单项,我需要一个拖放式 javascript 树视图解决方案,它可以很好地与 Ancestry gem 配合使用。我选择了 jqTree 作为我想要的解决方案,但我很高兴被说服使用替代方案,因为周围似乎有很多,但最初我只想能够至少获得一个在 Rails 6 中工作的树视图大概我必须从设置 jQuery 开始,有很多关于如何执行此操作的资源,所以我想这更多是关于如何在 Rails 6 应用程序中启动和运行任何 jQuery 组件我想我必须从一个 jsx 文件并导入一些东西并将一些 css 导入到 application.scss 但是这应该是什么样子我真的不确定

到目前为止,我已经按照这里的说明设置了 jQuery https://www.botreetechnologies.com/blog/introducing-jquery-in-rails-6-using-webpacker

我可以通过一个简单的警报确认这一切都已连接并正常工作

我已经取得了一些进展,而不是下载 jqTree 文件,我使用 yarn 来安装 jqTree

更换

我已经下载了 jqTree 文件并将它们解压缩到我的 javascript/packs 文件夹中名为 jqTree 的文件夹中

现在我已经整理出了没有 ; 的要求。所以

变成

同样在我的 javascript/packs 文件夹中,我创建了一个 sortable.js 文件,其中包含以下内容

这 ; 在require语句中让我很困惑,但控制台错误要求它

现在看起来像这样

使用上面的代码,我得到一个参考错误:数据未定义在视图中我有以下代码

我现在遇到的问题是我的浏览器报告树不是函数的错误。

在我的 application.css.scss 我有

哪个不起作用

0 投票
1 回答
24 浏览

jqtree - 阻止 jqTree UI 显示某些节点​​的放入节点的选项

我有以下内容:

虽然对于某些节点,我希望允许用户重新排序它们(因此在节点之间拖动节点很酷),但我想防止用户将它们放到其他节点中。有没有办法为每个节点配置这种“允许的行为”?

注意:这已在 GitHub 上提出:https ://github.com/mbraak/jqTree/issues/598

0 投票
0 回答
26 浏览

jqtree - JQTree 从文本输入数组中选择节点

代码是正确的,我只需要在树启动时将其放入一个函数中。

我有一个文本输入框,我可以在其中输入以逗号分隔的数字。这些数字与 JQTree 中项目的节点 ID 相关。

在页面加载时,我试图根据文本输入框中的值选择 JQTree 节点。

什么都没发生。就像什么都没有。

  1. 我把值放在一个数组中
  2. 我拆分数组
  3. 我遍历数组并选择每个节点 id 并选择父类和子类

我不知道我哪里出错了

编码