我可以在 Blazor 中使用像 Gridstack 这样的 JS 网格布局库吗？如果是如何？

问题描述

我想在 blazor 中创建一个仪表板，我可以在其中使用我想要网格结构的可调整大小和可移动的小部件。不幸的是，没有这样的 blazor 开箱即用的库。任何人都可以建议并展示我们是否可以将 Gridstack 等库与 blazor 一起使用？

解决方法

Blazor 可以做任何你可以用 HTML/CSS/JavaScript 做的事情。要实现这样的目标，您需要研究 Blazor 的 JavaScript 互操作性，例如 IJSRuntime 服务和 [JSInvokable] 属性。使用这些将允许您在 Blazor（WASM 或服务器）和浏览器 (JavaScript) 之间进行通信。

以下是有关 IJSRuntime（.NET 到 JavaScript）入门的文档：https://docs.microsoft.com/en-us/aspnet/core/blazor/call-javascript-from-dotnet?view=aspnetcore-5.0

以下是有关 [JSInvokable]（JavaScript 到 .NET）入门的文档：https://docs.microsoft.com/en-us/aspnet/core/blazor/call-dotnet-from-javascript?view=aspnetcore-5.0