问题标签 [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.

98 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
414 浏览

javascript - IE 中的 JQuery 可排序树或嵌套列表插件

我正在寻找一个可在 IE 中正常工作的可排序嵌套列表或树的插件，如果它也可以在 Quirks 模式下使用......

由于怪癖模式总是存在问题，JQuery尤其CSS是在 IE 中，当然我可能需要在怪癖模式下进行一些调整，但我真的需要这个插件才能在 IE 中完全工作

如果这个插件碰巧免费，那就更好了

0 投票
1 回答
62 浏览

ruby-on-rails - 禁用参数的哈希转换

nestedSortable插件发送这个 POST 参数（通过serialize）：

它描述了章节和元素的树。字符串中项目的顺序很重要！

  • 第87章
    • 元素 377
    • 第88章

当我访问控制器中的参数时，有序字符串被转换为哈希，因此顺序丢失：

是否可以禁用内置的哈希转换，或者我是否必须更改 POST 的内容，以便 Rails 无法将其转换为哈希？

0 投票
1 回答
2741 浏览

jquery - nestedSortable -> Uncaught TypeError: $.ui.isOverAxis 不是函数

试图在我的系统中实现nestedSortable ( https://github.com/ilikenwf/nestedSortable )。

使用最新的稳定 jquery 和 jquery-ui，我得到这个错误：

调查 jquery-ui.js

我找到了上面的..所以它存在..

有人知道吗？

编辑：甚至尝试将 jquery /-ui 更改为 1.10.1 和 1.10.2 （在 jsfiddle 中看到可排序和可拖动的版本与这些版本一起使用..）

0 投票
1 回答
519 浏览

jquery - 滚动时可排序的奇怪行为jquery

我正在构建一个管理项目的前端部分。现在我正在处理页面概述，您可以在其中对页面进行排序（作为列表）。我正在使用 jquery 插件nestedSortable，从这里获取树视图功能。

我的问题：如果页面已滚动，则您开始拖动/排序的项目的位置是从鼠标向下滚动的像素量，而不是应该在鼠标上滚动的像素量（滚动前拖动/排序）。

我的排序列表选项如下所示：

我还制作了一个代码笔来说明我的问题。

有谁知道如何解决这个问题？- 先感谢您。

0 投票
5 回答
3386 浏览

javascript - 未捕获的类型错误：$(...).nestedSortable 不是函数

我尝试使用来自https://github.com/mjsarfatti/nestedSortable的嵌套排序插件，但我不断收到此错误

这是我的头

这是身体

我使用的 Javascript 代码

请帮我

0 投票
1 回答
83 浏览

javascript - JQuery 可排序和可拖动的行为

我有 2 个可拖动对象“字段”和“容器”以及一个可排序对象“ui-main”。我想要做的是将上面的 2 个对象拖到“ui-main”中，并允许将对象添加到“容器”中，创建一个嵌套的可排序表单。

这里是演示：https ://jsfiddle.net/tbaziken/a2qbnygb/1/

到目前为止的javascript：

问题是我只能将新对象添加或移动到ui-main2 个现有ui-container对象中，但无法使用新创建ui-container的 . 是什么让现有的和新创建的不同，以及如何解决它？

0 投票
1 回答
1036 浏览

javascript - 嵌套可排序未正确折叠/展开

nestedSortable尝试在其网站上提供的示例中使用 jQuery 插件时，它无法正常工作。

拖放有效，但是当我需要折叠/展开时会出现问题。我使用了另一个问题中建议的解决方案，虽然它适用于两个级别的列表，但不适用于 3 个或更多级别。

示例：单击 2 级元素 ( Sub Item 3.2) 后，第 1 级元素 ( ) 没有展开，而是Item 2关闭。

我正在寻找适用于 3 个或更多级别的解决方案。

https://jsfiddle.net/vs535823/

0 投票
1 回答
163 浏览

javascript - KnockoutJS：检查嵌套可排序中的项目是否已重新排序

以下是在 KnockoutJS中nestedSortable使用时显示的树。template

到目前为止，我有一棵可以工作的树，但我无法找到一种有效的方法来检查鼠标拖动引起的变化。

该解决方案应允许在拖动节点时检查更改事件（跟踪更改对于保存或更新数据是必要的）。它应该能够确定树中发生了什么变化。

感兴趣的属性将是id移动的节点，id新的（和原始的）父节点。

如何正确监视鼠标事件，例如使用这种排序的鼠标拖动？

0 投票
1 回答
440 浏览

javascript - KnockoutJS：添加子项时使嵌套可排序自动扩展

在附加的示例中，我有一个能够显示树结构的嵌套可排序对象。

目标是在添加新子项时使结构扩展以使更改可见。

一个函数在添加新项目时会自动扩展结构，但它仅在添加 2nd child 后才会扩展，它应该在添加 1st child 后立即扩展。

模板可能有问题，或者一个简单的 jQuery+CSS 技巧可以解决问题，但我找不到合适的。

0 投票
1 回答
101 浏览

javascript - 如何限制 NestedSortables 子级别？

我使用http://mootools.net/forge/p/nestedsortables对 li 元素列表进行排序，现在它可以将它们排序到无限的子级别。我需要将其限制在一个子级别。

https://jsfiddle.net/dq3xqvu9/

好 - 我希望能够将它们移动到一个子级别：

  • 项目清单
    • 项目清单
    • 项目清单
    • 项目清单

不好 - 默认情况下 NestedSortables 允许您将项目移动到无限的子级别，例如：

  • 项目清单
    • 项目清单
      • 项目清单
        • 项目清单

12345678910