Blazor按钮概述

本文将介绍Blazor按钮组件，展示了如何开始使用它，并列出了它的核心功能。

按钮传达用户操作，可以显示文本、图像和HTML。

在Blazor按钮提供了多种造型选择，通过内置主题和按钮类型。它支持字体图标和图像火焰响起事件。

的一部分《Blazor》的teleerik UI，一个专业级的UI库，有100个本地组件，用于构建现代和功能丰富的应用程序。要想尝试一下，注册一个30天的免费试用。

免费下载试用版

创建Blazor按钮

1. 使用< TelerikButton >标记将组件添加到razor页面。

2. 添加一个OnClick事件处理程序显示当前日期和时间。

@result 
 你好! @code {string result;async Task OnClickHandler() {result = DateTime.Now.ToString();}}

图标

为了直观地传达按钮的目的，您可以添加图像、精灵或字体图标。您可以在各种内置字体图标之间进行选择，也可以使用自定义字体图标。阅读更多关于Blazor按钮图标的信息…

类型

控件来控制Blazor按钮的提交行为类型属性。从以下按钮类型中选择:提交，重置,按钮。该组件还提供了形式参数，该参数允许用户从外部按钮提交表单。阅读更多关于Blazor按钮类型的信息…

事件

Blazor Button触发事件，您可以处理这些事件并响应用户操作。阅读更多关于Blazor按钮事件…。

禁用状态

要阻止用户与按钮交互，请禁用按钮。阅读更多关于禁用的Blazor按钮…。

样式

要自定义Blazor Button的样式和外观，可以使用内置主题。此外，设置类属性并实现自定义CSS规则。阅读更多关于Blazor Button的造型…

按钮的参考

添加对Button实例的引用以使用其方法(例如-)FocusAsync ()）.如果您愿意，请注意Blazor的生命周期将组件集中在页面加载上。

< TelerikButton @ref = "打" >你好! @code{telerikk . blazor . components .TelerikButton theButton {get;设置;} protected override async Task OnAfterRenderAsync(bool firststrender) {await theButton.FocusAsync();等待base.OnAfterRenderAsync (firstRender);}}

下一个步骤

• 设计Blazor按钮

• 使用按钮图标

另请参阅

• 现场演示:按钮
• 事件
• 类型
• API参考