问题标签 [jquery-nestable]

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 回答
326 浏览

php - How to change value output after edit Nestable

Example:

https://codepen.io/upgrayedd/pen/OXwAXO

( I copy it ) My project is same that example.

Problem is I need change data-id ( or data-name, data-slug, data-* ... )

But I don't know how to output.

Output:

[{"id":3},{"id":4},{"id":1},{"id":2}] ( In that example )

My output need:

[{"id":10},{"id":4},{"id":1},{"id":2}]

( id = 10 changed from my edit );

I try

$('#nestable2').nestable('serialize');

But it keeps old Output

[{"id":3},{"id":4},{"id":1},{"id":2}]

AND SORRY FOR A POOR ENGLISH. THANK A LOT.

0 投票
1 回答
611 浏览

javascript - jquery在laravel中可嵌套返回json

我正在使用msurguy/laravel-shop-menu它以 json 形式返回结果,而它为我的其他模型返回 html 结果。

截屏

一

如您所见,我的两个菜单运行良好,但其中一个以 JSON 格式返回。

它们的代码都是相同的,我只是在 JavaScript 代码中使用不同的类名来划分它们。

代码

Model

controller

Blade

Javascript

任何的想法?

更新

dd($navbar);在控制器中

0 投票
1 回答
544 浏览

jquery - 使用 jquery.nestable.js 禁用可嵌套列表的拖动

https://github.com/RamonSmit/Nestable2

我正在使用 jquery 可嵌套来制作可嵌套列表。我正在初始化,然后根据文档,尝试通过将 dd-nodrag 应用于每个 dd-item 元素使其只读。但它仍然是可拖动的。

0 投票
2 回答
161 浏览

javascript - 如何在 jQuery Nestable 中停止水平移动?

我正在使用这个插件https://github.com/dbushell/Nestable

我尝试在其中评论各种核心代码,其中包含水平和垂直等辅助注释,但我仍然对如何停止水平拖动一无所知。

让我详细说明一下,我只想要元素的垂直移动,而没有元素的水平移动会导致父子场景见下图 在此处输入图像描述

0 投票
1 回答
1150 浏览

jquery - JQuery 可嵌套和可排序限制

J 查询 Ne 稳定

嗨,请帮助我第一次使用 J query Ne stable。我想限制 Admin 和 Transported 选项卡不应该拖动。[在此处输入链接描述][2] 左侧用户列表中的用户仅拖放到角色列表中的管理员和传输器选项卡下方。

如何禁用仅对选定选项卡的拖动功能

0 投票
2 回答
595 浏览

javascript - Provide onclick dynamically and avoid duplicate event calling

I try to add an item, just like this sample: https://codepen.io/Gobi_Ilai/pen/LLQdqJ

And after that try to delete one of the records. The page asked to confirm the question (1+added record) times. For example, if try to add 2 records, and try to delete one item(not last added item), 3 confirm message appears.

How could I manage $("#nestable .button-delete").on("click", deleteFromMenu); to see only one confirm question. Thanks.

0 投票
0 回答
336 浏览

jquery - 通过可嵌套更改时将按钮删除/添加到类别

我有一个包含子类别的类别列表,由 nestable.js 制作。所以我可以轻松地将其拖放到新位置。所以我可以轻松地创建一个类别子类别,反之亦然。但是现在,在我更改了类别字段后,我只想在需要时删除或添加子/父母类别的红色按钮。

例如,看下面的图片。如果我想让字段“Gamma”成为“Hubo”的子字段怎么办?那么 Gamma 必须得到一个红色按钮,并且应该删除“Hubo”的红色按钮。

在此处输入图像描述

这是我到目前为止的代码,但它不起作用......

// 在控制器中

0 投票
2 回答
304 浏览

drag-and-drop - Nestable2-如何防止子节点拖入另一个父节点?

在此处输入图像描述

你好,我用的是nestable2,我想防止子节点拖到另一个父节点。它应该只被拖到它的父节点中。

我已经使用了 nestable2 的这种方法来获取源和目标。我想验证子节点不应拖到另一个父节点。它应该拖入其父级。我已经应用了以下方法,但它没有给我目的地类型,请建议帮助

0 投票
0 回答
19 浏览

jquery - 选项卡中的 Jquery 可嵌套列表菜单

下午好,我有一些菜单可以通过选项卡拖放,对于第一个选项卡,您可以拖放,但是当您单击下一个选项卡时,您不能。

标签 1

将选项卡移动到 2 等时,我无法拖放菜单。

标签 2

这是我的代码。

如何使每个选项卡中的列表菜单都可以拖放?提前致谢

这是我的jQuery

0 投票
0 回答
31 浏览

laravel - 使用 Nestable2 自由拖动项目的问题

我在拖动项目时遇到了一些麻烦。如果该项目位于项目根目录的下方,我只能拖放它。

我想自由地拖动项目,例如,我想拖动 4 的最后一个项目并将其放在首位,在顶部。

我能做什么和不能做什么的例子

Bellow 是在 Laravel Livewire 应用程序中完成的 jquery 代码。

Bellow 是在 Laravel Livewire 应用程序中完成的 jquery 代码。