如何在单击按钮时切换 Blazor 中的类？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何在单击按钮时切换 Blazor 中的类？

P粉041881924 2024-03-28 00:07:37

[HTML讨论组]

612

我目前有一个 onclick 事件，可以像这样切换类：

....
<button id="@m.TargetCo.ButtonId" onclick="glyphChanger(this.id)" class="btn btn-default iconButton glyphicon glyphicon-chevron-right" ></button>
....
function glyphChanger(buttonID) {
    $("#" + buttonID).toggleClass('glyphicon-chevron-right glyphicon-chevron-up');
}

P粉041881924

全部回复(1)

P粉2698479972024-03-28 00:03:54 1楼

不需要 JavaScript。您可以通过 Blazor 方式执行此操作。

DropDownComponent.razor

Debug: @buttonCss


@code {
    private string buttonCss = "glyphicon-chevron-right";
    private void ChangeButtonClass()
    {
        buttonCss = buttonCss == "glyphicon-chevron-right" ? "glyphicon-chevron-up" : "glyphicon-chevron-right";
    }
}

应用程序中的其他位置