List Items are not getting cleared about blazor-dragdrop HOT 7 CLOSED

Hi @bancroftway ,

have you cleared he Dropzone before assigning the new items? Check #23

from blazor-dragdrop.

In the example I cited above, where would I write the code for clearing the dropzone? I tried OnParameterSetAsync, but got this error:

Just to be clear, the component's Items property is not being "set", but is "bound" to a Linq expression.

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Sequence contains no matching element System.InvalidOperationException: Sequence contains no matching element at System.Linq.Enumerable.Single[TSource] (System.Collections.Generic.IEnumerable1[T] source, System.Func2[T,TResult] predicate) <0x321ea60 + 0x0011a> in <filename unknown>:0 at Blazor.DragDrop.Core.DragDropService.ClearDropzone (System.String dropzoneName) <0x3217a68 + 0x00030> in <filename unknown>:0 at DPlan.Client.UIComponents.SkidPatternCmp.OnParametersSetAsync () [0x00001] in C:\Projects\UIComponents\SkCmp.razor:64 at Microsoft.AspNetCore.Components.ComponentBase.CallOnParametersSetAsync () <0x2d26980 + 0x00014> in <filename unknown>:0 at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync () <0x2d26380 + 0x00146> in <filename unknown>:0

from blazor-dragdrop.

Did you pass the correct Dropzone Name?

Nevertheless, If you can provide a small example project I can take a further look at the issue.

from blazor-dragdrop.

I have a reproduction here.

In this project, from the Customers dropdown, first select Customer1, and then Customer2. The Customer2's orders get appended to DropZone as shown in screenshot. I am wondering, where exactly would I code the Dropzone.Clear in this case.

from blazor-dragdrop.

Try

private async Task HandleCustomerSelection(ChangeEventArgs e)
    {
        if (e.Value != null && !string.IsNullOrEmpty(e.Value.ToString()))
        {
            DragDropService.ClearDropzone("dZone");
            SelectedCustomerId = new Guid(e.Value.ToString());
            StateHasChanged();
        }
    }

from blazor-dragdrop.

@Postlagerkarte while the provided solution works, it is a bit unclean, in that the parent component is intimately aware of the child component's inner workings, breaking encapsulation.

Secondly, if the Order has a property IsDeleted to soft-delete an order, and the requirement is that when user presses 'Delete' button on an order, the order should be removed from the list, in such a case, how would we handle clearing and re-binding the dropzone, from within the component?

from blazor-dragdrop.

Hi @bancroftway , I agree with you but I am not planning to do any major work on the library except bugfixes until the Blazor Team has finalized how DragDrop looks like in .NET 5 Blazor.

For the second point - did you check #6 ? It shows how to remove an item when a users presses delete.

from blazor-dragdrop.