BlazorDragandDrop在.NETCore3.0和.NET6.0之间出现了问题。
创始人
2024-12-21 04:30:11
0

Blazor Drag and Drop 在 .NET Core 3.0 和 .NET 6.0 中的事件触发和 API 实现有所不同。要解决该问题,我们需要使用不同的 API 和更新代码,包括:

  1. 在 .NET 6.0 中,要使用 DragStart 和 DragEnd 事件来触发拖放操作,而不是在 .NET 3.0 中使用 DragStart 和 DragEnd。

  2. 在 .NET 6.0 中,要使用 IJSRuntime 而不是 IJSInProcessRuntime 来处理 JavaScript 交互。

  3. 在 .NET 6.0 中,要使用 'event' 关键字来获取事件对象。

示例代码:

.NET Core 3.0 代码示例:

Drag Me

@code { async Task DragStart(dynamic e) { e.dataTransfer.effectAllowed = "move"; e.dataTransfer.setData("Text", "Move Me"); } }

.NET 6.0 代码示例:

Drag Me

@code { [Inject] IJSRuntime JSRuntime { get; set; }

private async Task OnDragStart(DragEventArgs eventArgs)
{
    // 获取数据传输对象并设置为进行拖动
    eventArgs.DataTransfer.EffectAllowed = "move";
    eventArgs.DataTransfer.DropEffect = "move";

    // 将数据传输给 JavaScript
    await JSRuntime.InvokeVoidAsync("setDataTransferData", eventArgs.DataTransfer);
}

private async Task OnDragEnd(DragEventArgs eventArgs)
{
    // 重置数据传输对象
    await JSRuntime.InvokeVoidAsync("resetDataTransferData", eventArgs.DataTransfer);
}

}

上述代码演示了如何在 .NET 6.0 中实现拖

相关内容

热门资讯

黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai,(红龙扑克下载)一直存在有挂,爆料教程(发现有挂);亲,有的,ai...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(扑克之城)好像是真的有挂,攻略教程(有挂方法)是一款可以...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(菠萝德州软件)原先是真的有挂,黑科技教程(详细教程);菠萝德...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(德州ai盈利)一直是有挂,AI教程(有挂讲解);德州ai...
黑科技辅助!wepoke透明黑... 黑科技辅助!wepoke透明黑科技,(AAPoKer模拟器)往昔是有挂,科技教程(真的有挂);AAP...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件安装,(微扑克机器人)总是存在有挂,揭秘教程(果真有挂);微扑克机器...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(德扑之星代打)都是真的有挂,必胜教程(今日头条),德扑之...
黑科技辅助!wepoke智能a... 黑科技辅助!wepoke智能ai辅助工具,(AAPoKerai机器人)真是是有挂,力荐教程(有挂辅助...
黑科技辅助!wepoke有挂真... 黑科技辅助!wepoke有挂真的有挂,(红龙扑克机制)原来有挂,高科技教程(有挂教程);亲,有的,a...
黑科技辅助!wepoke辅助插... 黑科技辅助!wepoke辅助插件,(WePoKe黑科技)先前真的是有挂,2025新版教程(发现有挂)...