我只是尝试使用 .Net 5/Blazor 服务器应用程序在 Visual Studio 中创建一个小型原型应用程序,其中我需要在 Blazor 组件中具有 Bootstrap 折叠功能 - 这在扩展时将包含一个单独的 Blazor 组件。
我试图尽可能避免在原型中使用 JavaScript 或 jQuery。但是,我可以看到在某些情况下(例如 Bootstrap Collapse)我可能需要这样做。如果可能的话,我希望拥有组件本地的代码,但如果需要的话,可以拥有一个包含常见辅助函数的 .js 文件。
下面的代码给出了一个示例,其中包含一些关于我如何执行此操作的想法 - 有没有人对如何使其工作有任何想法。
<div class="btn btn-primary" @onclick="ViewDetails" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="details">
this is some text for a button
</div>
<div class="collapse" id="details">
this is the details screen for this record
</div>
@code {
private async void ViewDetails()
{
// Button click indicates an event so should be able to get redraw to occur.
// Some mechanism to …Run Code Online (Sandbox Code Playgroud)