jbomhold3 / blazorsortablejs Goto Github PK
View Code? Open in Web Editor NEWBlazorSortable JS
Home Page: https://jbomhold3.github.io/BlazorSortableJS/
BlazorSortable JS
Home Page: https://jbomhold3.github.io/BlazorSortableJS/
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:
Thanks :)
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,
Steps to reproduce.
After use AddItemAsync should I use ResycAsync? Because without it application throw exception.
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.
Hello!
How do I programmatically disable drag and drop in a specific SortGroup?
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.
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)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.