使用Bootstrap创建一个Blazor cshtml页面,添加一个按钮,点击后调用cs文件中的OnNewPage方法,并转到Newpage
时间: 2024-03-01 13:52:45 浏览: 100
好的,这里是使用Bootstrap创建一个Blazor cshtml页面,并在点击按钮时调用cs文件中的OnNewPage方法,并转到Newpage的示例代码:
```html
@page "/"
@using BlazorApp1.Data
<button class="btn btn-primary" @onclick="OnNewPage">Go to New Page</button>
@code {
private void OnNewPage()
{
NavigationManager.NavigateTo("Newpage");
}
}
```
在这个示例中,我们在Blazor cshtml页面中添加了一个Bootstrap按钮,并为其添加了`btn-primary`类以设置按钮的颜色。我们还使用`@onclick`指令将按钮的点击事件绑定到`OnNewPage`方法上。在`OnNewPage`方法中,我们使用`NavigationManager.NavigateTo`方法将页面导航到`Newpage`页面。
请注意,这个示例中的`NavigationManager`需要在`@inject`指令中进行注入,例如:
```html
@inject NavigationManager NavigationManager
```
在实际使用中,您可能需要根据您的具体情况进行适当的修改。
阅读全文