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

jquery - jquery嵌套可排序

我一直在使用b-hind 的 NestedSortabe,发现它非常有用,直到我升级到最新的 jquery 和 jquery-ui 我猜他们改变了鼠标事件的处理方式或类似的东西。指出它 nestedSortable 不再起作用。

所以我的问题是三折

有谁知道 jquery 的人是否已经实现了一个嵌套的可排序我还没有看到任何东西。

或者有谁知道如何修复 b-hind 版本

或知道更好/更轻的东西来实现相同的目标

想要与最新的 jquery-ui 兼容的东西

编辑:似乎最新版本的 jquery-ui-sortable 支持嵌套排序

编辑 编辑好你不能放弃已经没有 ul 的项目。

0 投票
2 回答
6223 浏览

jquery - 需要帮助从 nestedSortable jQuery 获取输出

我发现了一个很棒的 jquery 插件,叫做nestedSortable,它工作得很好。现在我需要做的就是用新的排序顺序更新我的数据库。我正在使用 PHP。

这就是我感到困惑的地方。在提供的示例中,提供了三种获取输出的方法。序列化、层次结构和数组。

如何修改 javascript 以允许我将输出发送到 PHP 以通过 POST 进行处理?

我已经通读了整个插件论坛,并从想要这个确切功能的人那里找到了一丝希望。不幸的是,它是 BYO getItemIdFromElement($element),插件的开发人员说他的数组函数用更简洁的代码做了完全相同的事情......

如果有人可以帮助我理解这一点,我希望并且非常感激!

蒂姆

0 投票
1 回答
1560 浏览

php - PHP 数组到有序和嵌套的 HTML 列表

我在项目中使用 jQuery nestedSortable 插件。移动列表项时,我将数组序列化并将其保存到我的数据库中。我无法从 PHP 数组重新创建 HTML 列表。大概是因为晚了。:)

我有以下 PHP 数组:

它应该列出类似...

(忽略这些值,它们只是为了展示。)

HTML 列表可以有任意深度的嵌套列表。

我的大脑已经死了,我无法让它工作。有人有建议吗?我永远欠你饼干。还有一座城堡。

谢谢。:)

0 投票
1 回答
1584 浏览

javascript - jQuery Nested Sortable - 无法移动嵌套的 LI 元素

我难住了。我已经尝试解决这个问题 2 天,并在网上到处查看,包括这个网站。这很令人沮丧,如果你能解决它,我会很感动。

我正在使用 Interspire 购物车,它使用 jQuery 插件nestedsortables (http://code.google.com/p/nestedsortables/wiki/NestedSortableDocumentation) 通过拖放在管理面板中排列页面的顺序。这是执行相同操作的不同脚本的演示:http: //mjsarfatti.com/sandbox/nestedSortable/

问题是父页面(在列表中,而不是实际页面)能够被拖动到任何顺序,包括进入嵌套的子位置并退出(直到刷新,然后它被卡在子位置)。子页面无法拖动/移动,光标变为与父页面一样的 4 向箭头。

我已经多次浏览 HTML,我数不清了。对于父母和孩子来说,HTML 看起来几乎相同,我可以弄清楚为什么一个可以工作,一个不能工作。我认为这可能与 ul 或 li 标签有关,但我只是看不到问题所在。

我已经将我的代码与 Interspire 演示 (http://shoppingcart.interspire-demo.com/demos) 的代码进行了比较,我看不出有任何区别。他们的管理面板有效,我的没有。我尝试重新上传控制此功能的 2 个 JavaScript 文件,但问题仍然存在。

这是一个 HTML 片段:

我将页面命名为 PARENT、CHILD ONE 和 CHILD 2。2 个子页面嵌套在父页面中。父级是可拖动的,但 2 个嵌套页面不是。

下面是 NestedSortable jQuery 插件代码供您参考:

请帮帮我。我相信其他 Interspire 和 NestedSortable 用户也会发现这很有用。感谢您的关注,无论您成功与否,我都非常感谢任何试图解决此问题的人。};

0 投票
2 回答
960 浏览

jquery - jQuery 嵌套排序

我正在尝试从 这里使用 jQuery.nestedSortable 插件,但它不起作用。

它可以在网站上运行,但即使我查看页面源并将其保存为 HTML,它也不起作用。

这是我的代码:

HTML:

javascript:

我觉得这应该足以提供拖动列表元素的功能。关于为什么它不起作用的任何想法?

0 投票
1 回答
304 浏览

php - 使用 jQuery nestedSortables 实现 Zend partialLoop()

这实际上主要是一个 Zend 问题,而不是一个 jQuery。

我正在尝试使用 Zend 实现 jQuery 嵌套排序http://mjsarfatti.com/sandbox/nestedSortable/,保存并读出可排序元素(包括它们的父元素)的确切位置。现在,我的 partialLoop 文件中有以下代码,这是我工作的主要部分。如果元素有子元素,它会在另一个 partialLoop() 方法中(递归地)调用自身,如下所示,即 partials/_docs-edit-row.phtml 本身:

我在这里尝试做的是使用 $ia counter 创建,它通过两个循环来获得一个连续的计数器,因为 $this->partialCounter 将从每个新级别的开头开始。所以实际上这是我的主要问题(我在主视图文件中定义了 $i 以及 $workthrough 来查看项目是否已被检查以避免多次调用不在第一级的项目循环) $i 似乎出于任何原因都没有正确计算,而 $workthrough 就像一个魅力。 现在,是否有可能在所有部分循环中都有一个连续的计数器?另外,我真的很想知道是否有人有更好的方法来做我想做的事情。

如果某些事情看起来很奇怪或不清楚,我当然会解释。我很感激任何帮助!

最好的问候, .wired

0 投票
2 回答
2172 浏览

jquery - jQuery nestedSortable:防止项目嵌套

我正在使用 mjsarfattis nestedSortable 插件来构建分层数据结构。有没有办法防止项目被嵌套?一个例子:

如您所见,(子)组或项目可以嵌套在阶段内,但阶段本身不应嵌套在另一个阶段或(子)组内。

对于这种情况,我使用了处理这个函数的“mustBeRoot”属性:_isAllowed,它已经被修改了一点:

好的,如果我尝试将阶段放到另一个阶段中,这会很好,但是如果我将它拖得更深一点(即在子组中)并放下它,它只会“爬”上一层。然后我在另一个阶段有一个阶段:-/

阶段应该只是根元素!我希望你有任何想法。

0 投票
1 回答
1166 浏览

jquery - 带有 jquery 和两个模型的 Rails 3.1 可排序嵌套集

这是我的问题,我希望有人能指出我正确的方向。我想利用拖放来创建动态的餐饮/餐厅菜单。我想创建一个可以添加部分的视图,然后将 MenuItems 添加到该部分(以及可能的子部分)。我很容易理解如何使用一个模型完成此任务,但我想将部分和菜单项保留在单独的模型中。我将如何设置可排序的嵌套集合 gem 以使用双模型?我应该重新考虑并使用一个模型吗?任何指导将不胜感激。

0 投票
4 回答
2422 浏览

jquery - jquery nestedSortable 阻止将一个元素拖到顶层

我有两个问题,

  1. 这个 nestedSortable 在这段代码中不起作用,问题出在哪里?

  2. 我想阻止用户将子元素拖到顶层(基础),我知道库不允许这样做,有调整吗?

这是我的所有代码:

谢谢 !:)

编辑:这是一个工作示例http://mjsarfatti.com/sandbox/nestedSortable/ 如果我只能完成这项工作,也许我可以为我的第二点寻找更多

编辑 2:我已经更改了库,因为其中一个答案告诉我,但是 firefox 挂起并且没有响应的脚本

这是小提琴:http: //jsfiddle.net/dAwEe/2/

编辑 3:有人有想法吗?

编辑 4: http: //jsfiddle.net/dAwEe/3/我已经解决了我的问题之一:嵌套的可排序 js 不是很好包括:S

现在有人对问题二有想法了吗?

0 投票
1 回答
4633 浏览

jquery - 如何使用nestedSortable 序列化函数

所以,我正在使用nestedSortable插件,我需要使用“awesome_nested_set”gem 将数据发送回rails 应用程序。我想使用nestedSortable插件中内置的序列化功能,但我不明白如何使用它。

当我尝试在插件站点上使用 firebug 查看源代码时,我似乎找不到“序列化”演示发生的位置,所以我只是假设它是这样工作的,但事实并非如此:

谢谢你的帮助!