分类

BootstrapBlazor

分类 BootstrapBlazor 下的文章列表

Blazor 组件库 BootstrapBlazor 中Message组件介绍

Blazor 组件库 BootstrapBlazor 中Message组件介绍

组件介绍上一篇文章我们介绍了Alert组件,但是实际上Alert组件只能直接把内容加载到页面内,这个做不到当作提示使用。所以我们还有一个新的组件Message。这个组件的样式几乎与Alert组件一模一样。但是它可以浮动在窗口之上,4秒之后消失。代码如下:await MessageService.Show(new MessageOption

Blazor 组件库 BootstrapBlazor 中Alert组件介绍

Blazor 组件库 BootstrapBlazor 中Alert组件介绍

组件介绍Alert组件几乎是组件库里必不可少的组件了,即使浏览器,也自带了一个alert,会弹出一个模态框。但是这个模态框有点太丑了,所以各大组件库分分实现了自己的Alert组件。当然BootstrapBlazor也不例外,同样实现了自己的Alert。样子如下:对应的代码为:<Alert Color="Color.Primary">@Al

Blazor 组件库 BootstrapBlazor 中Editor组件介绍

Blazor 组件库 BootstrapBlazor 中Editor组件介绍

组件介绍Editor组件是对Summernote 组件的二次封装。组件分为div模式和editor模式。默认状态下editor模式的组件样子如下:其代码如下:<Editor @bind-Value="@EditorValue" IsEditor="true"></Editor>我们可以通过@bind-Value来绑定到字段中.组件的其他属

Blazor 组件库 BootstrapBlazor中 Ajax 组件的使用

组件解决的问题由于Blazor在与服务器连接时使用了Websocket,仅在第一次连接时会走原MVC的连接逻辑。所以,我们无法在这个过程中完成例如身份认证、cookie处理等操作。此组件即为解决此类问题准备的。组件用法官网文档可以直接查阅这里给出一部分代码:在页面上添加<Ajax></Ajax>的组件引用@inject AjaxServi