我正在使用插件可嵌套（jquery）在同一页面上显示几个可嵌套列表。默认情况下，所有列表都是展开的。我发现这个解决方案可以折叠所有列表在此处输入链接描述

我的问题是如何独立选择列表的状态（一些默认展开，另一个折叠）。？

我有一种情况，我需要使用 JQuery Nestable 库，可以编辑或删除列表中的项目。

我试图为此开发一个解决方案，但它没有按预期编辑或删除项目：

HTML：

JS：

我在 JSFiddle 中做了一个例子： https ://jsfiddle.net/6b3m348q/6/

这个问题的解决方案是什么？

我的列表允许将子项移出父项，我想更改它。

如您所见，应允许将子项从父项内部移动到另一个父项，但不应允许将子项移动到任何父项之外。

我认为代码会太长，所以这里是类似于我使用来自 Luna 主题的 nestableList 的可嵌套列表，这里是脚本jquery.nestable.js

我正在使用 Nestable List 进行版本访问，当我将项目从 List1 拖放到 List2 时，我必须保存在数据库中，那么我如何确定在 List2 上删除了哪些项目？

这是我的代码：

我正在使用 template7 来制作列表。

所以我将在可嵌套的 onChange 上创建一个 ajax 方法以将其保存在数据库中。

这一个将替代updateOutput. 当我将它从 List1 移动到 List2 时，我必须保存在数据库中，但是当我从 List2 移动到 List1 时，我必须将其从数据库中删除。

那么，我如何从掉落的物品中获取 ID？

我已经使用 jquery-nestable 构建了一个动态生成的层次结构列表。我想不通的是当直接访问包含节点id的url时如何将列表扩展到当前项

假设我有一个类似 domain.com?item=123 的 url，并且我有一个脚本可以在 json 中生成当前 id 的父 id。像 { 345,234 } 其中 345 = 顶级父级和 234 = 345 的子级，但也是 123 的父级。（如果我需要一次打开一个）

但我似乎无法扩展这些项目，我读过它不能用 jquery 完成，并发现：https ://github.com/dbushell/Nestable/issues/99但不确定如何实现.

每个列表项都有它自己的动态生成的 id，比如 id="step-123" 这应该会有所帮助。非常感谢任何帮助。

这是树结构

http://pastebin.com/UnNEDbkt

从数据库动态添加可嵌套 div 内容后遇到问题。

可嵌套的静态数据按预期工作。我可以从 nestable2 添加项目并查看序列化输出中的更改。

具有动态数据的可嵌套 失去了从可嵌套2到可嵌套的拖放功能，尽管在可嵌套中拖放似乎仍然有效。但是，更改不会反映在序列化输出中。

此外，用于可嵌套的序列化输出的动态数据版本似乎不完整。比较两个链接之间的可嵌套序列化输出表明，可嵌套动态数据链接的 JSON 对象在 Metal 类别菜单之后结束，尽管完整菜单显示在该页面上的可嵌套 div 和 tshoot innerHTML 中。

谁能指出我正确的方向来解决这个问题？

谢谢！

问题太模糊？好的，让我添加更多细节。

下面是一些从 JSON 构建可嵌套菜单的代码：

...函数构建项目（项目）{

}

$.each(JSON.parse(obj), function (index, item) {

}); ...

我将硬编码版本中的列表与动态版本进行了比较，发现好的硬编码版本以 ol 标记开头，而动态版本以 ul 标记开头（由于某种原因无法在本文中提供 html）。所以我将代码更改为

功能构建项目（项目）{

}

$.each(JSON.parse(obj), function (index, item) {

}); ...

并使 nestable2 div 以 ol 标记开头。

那种工作，但现在我得到了额外的孩子（例如，塑料，阀门，加热和冷却，库存夹具和杂项附加到金属。阀门，加热和冷却，库存夹具和杂项附加到塑料和库存夹具和杂项附加到加热和冷却。

很明显 if (item.children) 循环存在问题。

有没有人看到这个问题，也许是一个建议的修复？

这是有效的 JSON：

[{"id":"金属","children":[{"id":"Propress","children":[{"id":"Elbows","children":[{"id":"1 /2 90"},{"id":"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id": "1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id":"三通","儿童":[{"id":"1/2 x 1 /2 x 3/4"},{"id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"联轴器"}]},{"id":"Copper","children":[{"id":"Elbows","children":[{"id":"1/2 90"},{"id" :"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id":"1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id":"三通","儿童" :[{"id":"1/2 x 1/2 x 3/4"},{"id":"1/2"},{"id":"3/4 x 1/2 x 1/ 2"}]},{"id":"联轴器"}]},{"id":"Black","children":[{"id":"Elbows","children":[{"id" :"1/2 90"},{"id":"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{" id":"1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id":"Tees","children":[{"id":"1/ 2 x 1/2 x 3/4"},{"id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id" :"联轴器"}]},{"id":"Brass","children":[{"id":"Elbows","children":[{"id":"1/2 90"},{"id ":"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id":"1/2 LS 90"}, {"id":"1/2 ST 45"}]},{"id":"Tees","children":[{"id":"1/2 x 1/2 x 3/4"}, {"id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"联轴器"}]},{"id" :"铸铁","儿童":[{"id":"弯头","儿童":[{"id":"1/2 90"},{"id":"1/2 45"} ,{"id":"3/4 90"},{"id":"3/4 45"},{"id":"1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id":"三通","儿童":[{"id":"1/2 x 1/ 2 x 3/4"},{"id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"联轴器" }]},{"id":"Megapress","children":[{"id":"Elbows","children":[{"id":"1/2 90"},{"id": "1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id":"1/2 LS 90"},{" id":"1/2 ST 45"}]},{"id":"Tees","children":[{"id":"1/2 x 1/2 x 3/4"},{" id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"联轴器"}]}]},{"id" ："塑料","儿童":[{"id":"管道","儿童":[{"id":"PVC"},{"id":"PEX"},{"id":"Aquatherm "}]},{"id":"PVC","children":[{"id":"Elbows","children":[{"id":"1/2 90"},{"id" :"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id":"1/2 LS 90"},{ "id":"1/2 ST 45"}]},{"id":"Tees","children":[{"id":"1/2 x 1/2 x 3/4"},{ "id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"法兰"},{"id":"联轴器"},{"id":"大写字母"},{"id":"Unions"},{"id":"Reducers"},{"id":"Adapters"},{"id":"Valve"}]},{"id":"PEX","children":[ {"id":"肘部","儿童":[{"id":"1/2 90"},{"id":"1/2 45"},{"id":"3/4 90 "},{"id":"3/4 45"},{"id":"1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id" :"三通","儿童":[{"id":"1/2 x 1/2 x 3/4"},{"id":"1/2"},{"id":"3/ 4 x 1/2 x 1/2"}]},{"id":"法兰"},{"id":"联轴器"},{"id":"Caps"},{"id":"工会"},{"id":"Reducers"},{"id":"适配器"},{"id":"Valve"}]},{"id":"Aquatherm","children":[{"id":"Elbows","children":[{"id":" 1/2 90"},{"id":"1/2 45"},{"id":"3/4 90"},{"id":"3/4 45"},{"id" :"1/2 LS 90"},{"id":"1/2 ST 45"}]},{"id":"三通","儿童":[{"id":"1/2 x 1/2 x 3/4"},{"id":"1/2"},{"id":"3/4 x 1/2 x 1/2"}]},{"id":"法兰"},{"id":"联轴器"},{"id":"Caps"},{"id":"Unions"},{"id":"异径管"},{"id":"适配器"},{"id":"阀门"}]}]},{"id":"阀门"},{"id":"加热和冷却","children":[{"id":"Radiant","children":[{"id":"油管","children":[{" id":"1/2 PEX"},{"id":"3/4 PEX"}]},{"id":"歧管"},{"id":"Heads"},{"id" :"阀门"},{"id":"配件"}]},{"id":"恒温器"},{"id":"热水器"},{"id":"泵/阀门"}, {"id":"Boilers"},{"id":"MiniSplits"}]},{"id":"In Stock Fixtures"},{"id":"Misc"}]id":"油管","children":[{"id":"1/2 PEX"},{"id":"3/4 PEX"}]},{"id":"歧管"}, {"id":"Heads"},{"id":"Valves"},{"id":"Fittings"}]},{"id":"Thermostats"},{"id":"Waterheaters" },{"id":"泵/阀门"},{"id":"锅炉"},{"id":"MiniSplits"}]},{"id":"库存夹具"},{" id":"杂项"}]id":"油管","children":[{"id":"1/2 PEX"},{"id":"3/4 PEX"}]},{"id":"歧管"}, {"id":"Heads"},{"id":"Valves"},{"id":"Fittings"}]},{"id":"Thermostats"},{"id":"Waterheaters" },{"id":"泵/阀门"},{"id":"锅炉"},{"id":"MiniSplits"}]},{"id":"库存夹具"},{" id":"杂项"}]恒温器"},{"id":"热水器"},{"id":"泵/阀门"},{"id":"锅炉"},{"id":"MiniSplits"}]},{" id":"库存赛程"},{"id":"Misc"}]恒温器"},{"id":"热水器"},{"id":"泵/阀门"},{"id":"锅炉"},{"id":"MiniSplits"}]},{" id":"库存赛程"},{"id":"Misc"}]

在新的序列化输出中看到的 JSON 具有： ... {"id":"1/2 ST 45"},{"id":"Plastic","children":[{"id":"Pipe" 。 .. 而有效的 JSON 具有： ... {"id":"1/2 ST 45"}]},{"id":"Tees","children":[{"id":"1/2 x 1/2 x 3/4"} ..

请注意，新的序列化输出在 {"id":"1/2 ST 45"} 之后缺少 ']}'

TIA。

我想禁用 jQuery 可嵌套插件中两个列表之间的拖动。

文档中 有一个选项组https://github.com/RamonSmit/Nestable

组组 ID 允许在列表之间拖动（默认 0）

所以我将其更改为元素 id

但它不起作用。用户可以根据需要在两个可嵌套对象之间拖放项目。

我正在尝试使用 jQuery Nestable 库，我必须将 data-id 和 data-weight 设置为我的列表元素。这是所需的列表架构：

但是，每次我尝试为元素分配属性时，都会出现以下错误：

这是我的 nestable.directive.ts：

任何帮助表示赞赏。

我试图使用 jquery 可嵌套创建一个嵌套列表，并在整个列表中禁用拖动功能。下面是我的html。

我的脚本如下所示::

目前，我能够创建嵌套列表，用户可以重新排列嵌套列表。我希望禁用该功能，但我无法做到。请指教。

我有一个来自https://github.com/dbushell/Nestable的可嵌套树

我想从列表中获取一些值，我需要按顺序创建一个包含父母和他们的孩子的列表，每个项目都有：id、descripcion、fechainicio、fechafin、horas。

如何从列表中获取每个数据以以 json 格式构建我的列表