小编And*_*dyW的帖子

如何在 Blazor 应用中使用 Bootstrap Collapse

我只是尝试使用 .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)

twitter-bootstrap blazor

5
推荐指数
2
解决办法
9581
查看次数

标签 统计

blazor ×1

twitter-bootstrap ×1