Questions tagged [jquery-nestable]

Nestable is an open-source jQuery plugin which provides a way to create draggable hierarchical list control.

Nestable is an open-source which provides a way to create draggable hierarchical list control.

Repository and official demo are available at GitHub.

42 questions
9
votes
1 answer

How to get element dropped on Nestable List

i'm making an relese access using Nestable List, And when i drop the item from List1 to List2 i have to save on database, so how i identify what item was dropped on List2? This is my code:
Pedro Franco
  • 1,926
  • 1
  • 15
  • 37
9
votes
3 answers

Nestable list - disable moving child items out of parent element

My list allows moving child items out of parent item, and I want to change it. As you can see, moving child items from inside of parent to another parent should be allowed, but moving child items outside of any parent item should not be allowed. I…
Denis Wasilew
  • 503
  • 3
  • 9
  • 29
6
votes
4 answers

how to disable drag and drop in Jquery Nestable List

Im trying to created a nested list using jquery nestable with drag feature disable throughout the list. Below is my html.
  1. ashish
    • 3,555
    • 1
    • 20
    • 26
3
votes
0 answers

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…
Mr Dũng
  • 41
  • 1
3
votes
3 answers

How to create auto collapsed all list item in Jquery nestable?

I'm using jQuery plugin Nestable for menus editor. I want all menu items to auto collapse, but also to expand when a user clicks on each expandable icon. Here is jQuery Nestable plugin. $(document).ready(function(){ …
DMS-KH
  • 2,669
  • 8
  • 43
  • 73
2
votes
0 answers

How can I order my draggable & droppable nestable menu?

My question is about ordering nestable menu. I have been developing dynamic menu with draggable & droppable nestable menu. When I drag an item, I can successfully save it into my database in onDragFinished function. In addition, I managed to reach…
Ismail Dogan
  • 295
  • 2
  • 20
2
votes
3 answers

How to toggle expand/collapse behavior by one button?

I use Nestable plugin to create tree structure. I want to toggleable button to expand/collapse. To expand I add this: $('#tree').nestable('expandAll'); To collapse I add this: $('#tree').nestable('collapseAll'); But I did it separately with 2…
Nurzhan Nogerbek
  • 4,806
  • 16
  • 87
  • 193
2
votes
1 answer

Nestable jQuery plugin - disable dragging between lists

I would like to disable dragging between two lists in jQuery nestable plugin. There is an option group in documentation https://github.com/RamonSmit/Nestable group group ID to allow dragging between lists (default 0) So I change that to element…
Manic Depression
  • 1,000
  • 2
  • 16
  • 34
2
votes
1 answer

How to make a draggable element that it can be editted or deleted in Jquery Nestable library

I have a situation where I need to use the JQuery Nestable library where the items in the list can be edited or deleted. I've tried to develop a solution for this but its not editing nor removing items as expected: HTML:
2
votes
0 answers

Unbind Nestable js Events

I have a problem with the events binded from Nestable js. I am showing a modal with a list that use Nestable, the problem is that when I close the modal and show it again I get the events rebinded. Then when I try to move elements from one list to…
2
votes
1 answer

nestable two column height issue

I have implemented Nestable for two columns, drag and drop http://dbushell.github.io/Nestable/ now the problem is if one column is to long in height and second is small then to drag n drop i have scroll by selecting any element from first column and…
Er.KT
  • 2,852
  • 1
  • 36
  • 70
2
votes
2 answers

php json_decode and Jquery Nestable

I'm using jquery Nestable (http://dbushell.github.io/Nestable/). I'm trying to intercept data from it when I change order on mine nestable elements.. $('.dd').nestable().on('change', function() { var json_text = $('.dd').nestable('serialize'); …
Sergio Pisoni
  • 107
  • 3
  • 12
1
vote
0 answers

Remove/add button to category when it changes via nestable

I have a category list with subcategories, made with nestable.js. So I can easily drop and drag it to a new location. So I can easly make a category subcategory and vice versa. But Now after I changed a category field, I just want to remove or add…
1
vote
2 answers

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 var addToMenu = function () { var newName = $("#addInputName").val(); var newSlug = $("#addInputSlug").val(); var newId = 'new-' + newIdCount; …
1
2 3