Drag and drop on ListBox doesn't work after update

[Alp Tosun]

Hi,

I'm trying to update our Syncfusion version. I've removed the complete Syncfusion package and replaced it with Syncfusion.Blazor.DropDowns,  Syncfusion.Blazor.Grid,  and  Syncfusion.Blazor.Notifications 19.4.0,48 to match the version we've had. When I try to upgrade, the drag and drop on ListBoxes no longer functions. I've tried 22.2.12, 21.2.10 both have the change of DragEventArgs to DropEventArgs on Drop event. I've tried 20.4.0.54 which doesn't have any change but still can't drag and drop anymore.

Am I missing a package or there is something I need to chang with the newer versions?

I even created a component by copying the code in the demo but no luck.

https://blazor.syncfusion.com/wasm/demos/listbox/drag-and-drop?theme=fluent

Thank you,

[Keerthikaran Venkatachalam]

Hi Alp Tosun,

We have checked your reported query, and you can add the below script references for drag-and-drop functionality in listbox components.

Please find below the details for referring to script references to render our Syncfusion Blazor components.

Please refer to the script as below if you are using the individual NuGet packages (Syncfusion.Blazor. DropDowns, Syncfusion.Blazor.SplitButtons, and Syncfusion.Blazor.Grids).

<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Please refer to the script as below if you are using the single NuGet package (Syncfusion.Blazor).

<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

We have changed the drop event argument name from DragEventArgs to DropEventArgs in the volume 1 main release (21.1.35). Please refer to the below release notes.

https://blazor.syncfusion.com/documentation/release-notes/21.1.35?type=all#listbox

Get back to us if you need any further assistance on this.

Regards,

KeerthiKaran K V

[Alp Tosun]

Hi KeerthiKaran,

Appreciate it. Referencing the js script helped, however, Drop event doesn't seem to be firing. I'm looking into it.

Thanks,

Alp

[Keerthikaran Venkatachalam]

Hi Alp Tosun,

We are unable to replicate the issue on our end. We have prepared a sample based on your requirements. It is working fine. Please refer to the below code snippet and sample.

<SfListBox TValue="string[]" DataSource="@GroupA" AllowDragAndDrop="true" Scope="combined-list" Height="290px" TItem="CountryCode">

    <ListBoxFieldSettings Text="Name" Value="Code" />

    <ListBoxEvents TValue="string[]" OnDrop="OnDropA" Dropped="DroppedA" TItem="CountryCode"></ListBoxEvents>

</SfListBox>

private void OnDropA(DropEventArgs<CountryCode> args)

 {

    

 }

 private void DroppedA(DropEventArgs<CountryCode> args)

 {

 

 }

If you are still facing issues, could you please share the issue's replicable working sample or replicate the issue in our sample with replication steps and a video demonstration? Based on that, we will check and provide you with a better solution quickly.

Attachment: ListBoxSample_2a99d640.zip

[Alp Tosun]

 Sorry, I had to work on other tasks. Appreciate the support.

I'm receiving an error when I drag an drop (v23.1.38) so it's not the Drop event itself

   Error: System.ArgumentException: The call to 'DragEndAsync' expects '9' parameters, but received '7'.

also an error on SFToast

   Error: System.ArgumentException: The type 'SfToast' does not contain a public invokable method with [JSInvokableAttribute("CreatedEvent")].

I can't really share our code with public though

[Keerthikaran Venkatachalam]

Hi Alp Tosun,

We checked the drag-and-drop functionalities in the listbox component, and they are working fine. I have attached the video for reference.

For further validation, kindly share the below details.

• If you are using the Toast or Listbox components in the project sample

• If possible, try to reproduce the reported issue in the provided sample or share the reproducible sample.

• Please share the video of the issue.

Please provide the above requested information, based on that, we will check and provide you with a better solution quickly.

Attachment: ListBoxSample_2a99d640_a00eb5d0.zip

[Alp Tosun]

Hi Keerthikaran,

I tried to run it again today and not seeing any errors. Listbox drag and drop is working, too. Not sure what I've done but appreciate all the support.

Thanks,

[Preethi Rajakandham]

Hi Alp Tosun,

You're welcome. 

We are glad to know that the reported problem has been resolved. Please let us know if you have any further queries on this. We are happy to help.

Regards,

Preethi R

[drun]

 Sorry, I had to work on other tasks. Appreciate the support.

 

download apk

teatv

[Preethi Rajakandham]

Hi drun,

Thank you for the update. Please let us know if you require any further assistance on this, we will be happy to assist you. 

Regards,

Preethi R