问题标签 [nested-sortable]

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 投票
1 回答
1311 浏览

jquery - HTML5 Sortable on both children 以及 parent 元素使 Parent 在对其中的子元素进行排序时进行排序

我有一个待办事项类别列表,每个类别将包含一个待办事项列表。我在类别内的 todos 上使用了“Sortables”,以便对类别内的 todos 的顺序进行排序。

现在我还希望将分类添加到类别中,以便用户可以对整个类别进行排序。我有这样的 DOM

我用这个给了这些排序

现在的问题是,当我在“#ToDos”中没有可排序时,“#collection”的排序(即每个类别内的 todoItems 的排序)效果很好。当我在“#ToDos”上进行排序时,每个类别的排序都有效,但是当我对类别内的 todoItem 进行排序时,类别的排序也会发生,即,当类别中的 todoItem 被排序时,类别也会改变其顺序。

请帮我解决这个问题..

提前致谢

0 投票
2 回答
2595 浏览

jquery - 禁用拖动特定项目

我找到了一个不错的脚本http://mjsarfatti.com/sandbox/nestedSortable/,这对我来说几乎是完美的。我就是一点小事都查不出来。

我想禁用一些要拖动的项目。我查看了自述文件,尝试了一些选项,但没有得到我想要的。

有人可以告诉我如何禁用要拖动的项目吗?

0 投票
1 回答
2528 浏览

jquery - jQuery nestedSortable - 如何使第一项根和根的后续项的子项

我有一个表单,您可以使用它生成可排序的菜单结构。我想将第一项设为父项,将所有后续项设为子项。我已经在视觉上实现了这一点,但我还需要确保代码结构正确。

在我的选择中,我注意到protectRoot 和rootID 不起作用,但我认为它不会影响代码中的任何内容。

jsFiddle http://jsfiddle.net/clintongreen/EazX7/

JS

CSS

HTML

0 投票
1 回答
1269 浏览

jquery - jQuery UI 嵌套可排序放置区

我正在尝试使用 msjarfatti 的 nestedSortable 插件连接两个列表(https://github.com/mjsarfatti/nestedSortable

我在这里设置了一个测试http://jsfiddle.net/gcWQQ/46/

HTML:

JS:

我可以从 CONTENT 区域拖动到 SELECTIONS 的顶层,但尝试拖动到嵌套位置并没有真正起作用。如果您一直向右拖动几乎离开页面,它有时会起作用。

0 投票
1 回答
2581 浏览

php - 使用 PHP 和 NestedSortable 创建列表

我正在尝试制作自己的 CMS,而我想做的一件事就是制作它,这样我就可以重新排序和更改 CMS 中的导航元素。我找到了一个名为NestedSortable的插件,它可以让我做到这一点。我使用它并且遇到了很多麻烦,所以我让我的 PHP 专家朋友帮我做。她坐下来,挣扎了一会儿,然后开始工作。

好吧,我是个白痴,那天晚些时候我回到家时坐下来,拿了我的本地副本,添加了一些内容并将其上传到服务器......没有意识到我忘记下载更新的版本!所以噗,我朋友的所有工作都消失了,我被一个不起作用的导航调整困住了。

我丢失了 index.php(将其显示在页面上)文件,但我保存了 nav_adjust.php(将其输入数据库)。我想要的只是能够重新排序导航并将其发送到数据库以便在刷新时正确显示。按下提交按钮时,信息将发送到 nav_adjust.php。

唯一的限制是导航只能有 3 个级别(主要、子和孙)。我的导航看起来就像它们都是主要的。我已经提醒了所有图像的回声,所以你可以看到 nav_adust.php 正在做什么:

(请注意数组值。)

所有的父母,没有孩子

这就好像父母有一个孩子:

1 个孩子的父母

这就好像一个孩子有两个孙子:

一个孩子的两个孙子

这是混合的:

子女、孙子女等的混血家庭

我的 index.php 文件不再起作用,如下所示:

同样,上面的代码不起作用。而不是使列表项看起来像这样:

它使它看起来像这样(注意 ol 之前的封闭 li 标签):

这是我的朋友为我做的 nav_adjust.php,如果从 index.php 给出正确的信息,它会很好地工作

所以,作为回顾,我有一个导航,将序列化数据从 index.php 提交到 nav_adjust.php,然后将其提交到数据库中(并将其回显,以便我知道我做了什么)。然后 index.php 在刷新时应将列表项保留在适当的位置,所有子项都是子项等。但是我覆盖了 index.php 并且不知道我的朋友是怎么做到的。

我的表格字段是(在我忘记之前):

id、title、orderId(父)、父(子)和孙子。

我的意思是更改 orderId 和 parent 的名称以使其不那么混乱,但我从来没有这样做过:(

如果有人可以帮助我,我将非常感激。

如果还有其他信息可以给你,请追问!

0 投票
1 回答
888 浏览

ruby-on-rails-3 - 将 NestedSortable 与 Ancestry gem 和 Mongoid 一起使用

试图将嵌套的可排序合并到我的 Rails 应用程序中。我正在使用 Mongoid 和 Ancestry gem,并且我正在尝试创建一个页面,该页面parent_id使用 Nested-Sortable 在拖放时更新类别。

一直在尝试进行实验,但并不真正了解 NestedSortable 吐出什么来创建一个可以读取它的控制器。

我的控制器有:

路线:

重新排序.js.coffee:

我的重新排序视图吐出如下内容

任何帮助将不胜感激,谢谢。

0 投票
2 回答
1717 浏览

jquery - 使用nestedSortable 使列表折叠问题

我似乎无法让可折叠部分与nestedSortable一起使用。

http://jsfiddle.net/meisam/vq9dD/

这是我正在使用的javascript:

0 投票
2 回答
1395 浏览

python - Python GUI 中的文本树

我正在寻找将成为 Python 桌面应用程序一部分的 GUI 功能。

该功能是一个文本树,在各个节点之间具有拖放功能。此外,我希望能够将带有较长文本的注释附加到树中的各个节点。笔记可以切换到展开或折叠状态。

除了可切换的注释之外,它在这个NestedSortable JQuery 库中完全显示。

根据这个特性,你能告诉我当代 Python GUI 的可能性是什么吗?我更喜欢 JQuery 示例中具有现代外观的轻量级 GUI。

哪个 GUI 最适合这项任务?Tkinter, wxPython,pyQt还是pyGTK其他?或者你会选择一些 GUI +Javascript库吗?为什么您更喜欢GUI实现所要求的功能和轻量级的现代设计?

0 投票
1 回答
2916 浏览

knockout.js - jQueryUI 可排序列表结合 Knockout - 嵌套可排序列表

我是 Knockout 的新手(几天),我正在尝试修改一个包含嵌套可排序列表的页面以使用它。

我在这里找到了使用带有 Knockout 的可排序列表的一个很好的答案:Knockout custom binding for jQuery UI Sortable - 奇怪的行为

但是,我无法让它与嵌套的可排序列表一起使用。尝试单击并拖动根列表下方的任何项目具有拖动关联的根项目的效果。换句话说,嵌套列表根本不起作用。

上述解决方案中的第二个选项是我所采用的。这对我来说似乎是最简单和最清楚的。有没有一种相对简单的方法可以将它应用于嵌套的可排序对象?

0 投票
1 回答
1248 浏览

javascript - 使用 jQuery NestedSortable 插件列出嵌套列表的数量

问题/问题

我在获取列表编号(sortIndex)时遇到问题。在“示例列表”中获得 sortIndex 之后,我想将 sortIndex 提供给 toArray 函数。所以当这个函数确实创建了一个数组时,会有一个 sortIndex init。请参阅“数组示例”

使用的 jQuery 插件: mjsarfatti jQuery nestedSortable

示例列表

html中的列表:

列表示例,为您提供上述列表的视图。

数组示例

使用 nestedSortable toArray,最好将 sortIndex 添加到 array(),如下所示:

嵌套排序插件的 toArray 函数

这是 NestedSortable 插件的 toArray 函数。我确实插入了

“排序索引”:,

ret.push()

toArray 函数:

就像我说的那样,给 toArray 函数提供一个 sort_Index 会很好,但我已经找了好几天了,我对如何解决这个问题一无所知。