DragDrop Order (or Via Buttons)

Question

I am looking at this demo:https://blazor.syncfusion.com/demos/listbox/drag-and-dropThis appears to have the functionality/behavior that I would like to achieve, but when using one Listbox (and not two), I cannot seem to make this work.  Is there a demo somewhere that demonstrates how to achieve drag/drop order with one ListBox?I am also interested in being able to reorder list items via up/down buttons.Thank you for any guidance/suggestions you can provide.

YuvanShankar Arunagiri · Accepted Answer

Hi Mike,We have prepared a sample code based on your requirement. Please refer the below code snippet.[Index.Razor] @using Syncfusion.Blazor.DropDowns

@code { private string[] items = new string[] { "MoveUp", "MoveDown" }; private readonly string scope1 = "scope1"; private readonly Dictionary listbox1Attr = new Dictionary { { "id", "scope1" } }; private List groupA = new List { new ListItem { Name = "Australia", Code = "AU" }, new ListItem { Name = "Bermuda", Code = "BM" }, new ListItem { Name = "Canada", Code = "CA" }, new ListItem { Name = "Cameroon", Code = "CM" }, new ListItem { Name = "Denmark", Code = "DK" } }; public class ListItem { public string Name { get; set; } public string Code { get; set; } } } Could you please check with above code and get back to us, if you need any further assistance on this. Regards,YuvanShankar A

Mike-E · Answer

Excellently perfect @YuvanShankar! Thank you very much for taking the time to put that together and for highlighting the pertinent pieces. Worked the first time for me. :)

I appreciate you and all your team members out there doing all such great work. 🙏

YuvanShankar Arunagiri · Answer

Hi Mike,We are happy to hear that your requirement has been
fulfilled. Please get back to us if you need any further assistance on this.Regards,YuvanShankar A