jbomhold3 / blazorsortablejs Goto Github PK

The base sortable JS supports plugins (specifically a multidrag plugin https://sortablejs.github.io/Sortable/#multi-drag). It would be super helpful if this blazor wrapping lib could also support that multi drag functionality (or more generically just supported the plugins as a whole) as well.

• Dynamicly adding and removing sortable elements can cause odd errors on the display. However, it looks like the data is fine. This does not affect anything else

First off, thanks for the great project. As a heads up, I got this to work, but man... Please update the readme, it's going to turn away 95% of people who come here because it is fully broken. I submitted a pull request to help but it needs a little bit more. You have, for instance, resultsList but it isn't used.

It was only after I dug into DemoCore > Index.razor that I realized this project actually works, and saw an example showing how to do something useful with it (sort something and then work with the sorted list in C#).

Two questions for you:

• Please let me know if you still intend to work on this.
• I'm about to go down a rabbit hole trying to get nested sorting to work 3 levels deep with around 80 items. Also, a lot of items will have editable fields. Please let me know if you see some reason why that is not possible, and if you have any code that might help I would sure appreciate it.

Thanks :)

Steps to reproduce.

• Init collection with 3 items : 1,2,3
• Some sort elements: GetDataAsync return 2,3,1
• After add new element GetDataAsync return 2,3,4,1 instead 2,3,1,4

After use AddItemAsync should I use ResycAsync? Because without it application throw exception.

Hello!
How do I programmatically disable drag and drop in a specific SortGroup?

Hi

First of all, thank you very much for your work on this project.

In the demo - Disabling Sorting - how can I read this change in the code block of the Razor page when I have dropped an object onto the right side (in order to save it in a database), or how can I do it when an object is deleted, as my objects also have a delete button?

Best regards,

Add A callback on the Sortable component to trigger when the items have changed. which is especially useful for multiple list.

[Parameter]
public EventCallback OnDataChanged { get; set; }

which is called similar to the ParentSortable.OnDataChanged

Test2.razor.txt
When Dragging an item from one list to another I receive this error:

Uncaught (in promise) TypeError: Converting circular structure to JSON
--> starting at object with constructor 'HTMLUListElement'
| property 'Sortable1624131722013' -> object with constructor 'Rt'
--- property 'el' closes the circle
at JSON.stringify ()
at p (blazor.server.js:1)
at Object.e.invokeMethodAsync (blazor.server.js:1)
at Rt.opt.onMove (BlazorSortableJs.js:152)
at Xt (Sortable.min.js:2)
at Rt._onDragOver (Sortable.min.js:2)
at HTMLDocument.Pt (Sortable.min.js:2)

The Demo page could use some love to better showcase functionality.