A simple to-do Blazor WebAssembly app using the HTML5 drag-and-drop API and Syncfusion Blazor Card and Accordion components via JavaScript interop. The app will implement the following functionalities: - Drag and drop tasks to the completed section.

6m read timeFrom syncfusion.com
Post cover image
Table of contents
Getting started with Blazor WASMCreate a Task Model classEnable drag and drop for tasksHTML5 drag-and-drop APIs in C#ToDo component with drag-and-drop eventsJavaScript interopReorder tasks within to-do items using drag and dropUpdate ‘Mark as Done’ when dragged and dropped‘Mark as Done’ on change to radio button valueResourcesConclusionRelated blogs
1 Comment

Sort: