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 中实现拖

相关内容

热门资讯

详细透视!we-poker靠谱... 详细透视!we-poker靠谱吗,微乐陕西三代自建房挂,绝活儿教程(有挂秘诀)-哔哩哔哩1、每一步都...
总结透视!xpoker辅助控制... 总结透视!xpoker辅助控制,贵州微乐自建房辅助软件下载,法子教程(竟然有挂)-哔哩哔哩1、玩家可...
详情透视!wepoker手机版... 详情透视!wepoker手机版辅助,手机微信小程序游戏破解器下载,窍门教程(的确有挂)-哔哩哔哩1、...
辅助透视!德普之星辅助工具如何... 辅助透视!德普之星辅助工具如何打开,微信小程序微乐房间有挂吗,指引教程(有挂方法)-哔哩哔哩小薇(辅...
详情透视!wepoker免费脚... 详情透视!wepoker免费脚本,微信小程序游戏破解微乐游戏,方案教程(有挂详情)-哔哩哔哩1、上手...
专业透视!wpk插件辅助,微乐... 专业透视!wpk插件辅助,微乐广西小程序,资料教程(证实有挂)-哔哩哔哩1、操作简单,无需wpk插件...
分享透视!wpk透视是真的假的... 分享透视!wpk透视是真的假的,微信小程序游戏破解器,阶段教程(有挂秘籍)-哔哩哔哩一、wpk透视是...
曝光透视!如何下载德普之星辅助... 曝光透视!如何下载德普之星辅助软件,微信小程序修改器,举措教程(有挂教程)-哔哩哔哩进入游戏-大厅左...
关于透视!hhpoker德州牛... 关于透视!hhpoker德州牛仔视频,微信小程序微乐辅助器免费下载,经验教程(讲解有挂)-哔哩哔哩1...
解谜透视!德州局透视脚本,微信... 解谜透视!德州局透视脚本,微信小程序微乐破解器2025,举措教程(有挂教程)-哔哩哔哩1、德州局透视...