chrissainty / simpledraganddropwithblazor

Companion code sample for my blog post - Investigating Drag and Drop with Blazor

Investigating Drag and Drop with Blazor

An example of simple drag and drop with Blazor.

Read the full blog post at https://chrissainty.com/investigating-drag-and-drop-with-blazor/.

simpledraganddropwithblazor's Issues

Code explanation

Hello, in JobsContainer.razor you have the method UpdateJobAsync:

public JobModel Payload { get; set; }

public async Task UpdateJobAsync(JobStatuses newStatus)
{
    var task = Jobs.SingleOrDefault(x => x.Id == Payload.Id);

    if (task != null)
    {
        task.Status = newStatus;
        task.LastUpdated = DateTime.Now;
        await OnStatusUpdated.InvokeAsync(Payload);
    }
}

I was wondering why you create the task variable and not simply change the properties of the Payload property directly:

public JobModel Payload { get; set; }

public async Task UpdateJobAsync(JobStatuses newStatus)
{
    if (Payload != null)
    {
        Payload.Status = newStatus;
        Payload.LastUpdated = DateTime.Now;
        await OnStatusUpdated.InvokeAsync(Payload);
    }
}

It looks like Payload and task reference the same object of the Jobs collection. Maybe I'm missing something. Is there any reason you did it this way?

drag & drop in Firefox

Hi Chris,

In Firefox we need an additional step to get drag & drop working. FF needs the call to ev.dataTransfer.setData("text", null) on dragstart event.
Currently, this seems impossible to do with Blazor server-side. I already made some investigation almost one year ago.
The main problem seems to be that the ondragstart attribute must be used for Blazor's event handling and can no longer be used for a js call. When calling a JS function through interop and passing the DragEventArgs from Blazor the method setData cannot be called.

However, it would be great if you find another way to get it working.

Regards
Sven

Change the order of Events

Hi, is it possible to change the order in a dropzone by moving one event before another?
I am very much looking forward to a feedback. Thanks.

NuGet package

Hi!

Any chance of a NuGet package? It would really make it easier to use this library.

Great work!
Thanks.

Add Touch support

Is there a way to add touch support to the demo?
I tried hooking up to the ontouchstart or other ontouch... events but Container.Payload is always null. Any idea?