我目前有一个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');
}
不需要使用Java脚本.你可以用Blazor的方法来做这件事.
DropDownComponent.razor个
<h3>Debug: @buttonCss</h3>
<button type="button" class="btn btn-default iconButton glyphicon @buttonCss" @onclick="ChangeButtonClass">Test</button>
@code {
private string buttonCss = "glyphicon-chevron-right";
private void ChangeButtonClass()
{
buttonCss = buttonCss == "glyphicon-chevron-right" ? "glyphicon-chevron-up" : "glyphicon-chevron-right";
}
}
Somewhere else in the application个
<DropDownComponent/>
<DropDownComponent/>
<DropDownComponent/>
<DropDownComponent/>