jbomhold3 / blazorsortablejs Goto Github PK

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,

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

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 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.

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 :)

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

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

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.

• 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