Blazor的Telerik UI?下载30天免费试用

按钮内部的加载器

环境

产品 按钮为Blazor,
Blazor装载机

描述

如何在按钮内添加加载动画?单击按钮时,加载器指示灯显示。当应用程序执行一些后台任务时,也应该禁用该按钮。

解决方案

  1. 嵌套一个Telerik装载机在一个Telerik按钮
  2. 设置可见参数
  3. 处理OnClick事件按钮。
  4. 切换加载器可见参数真正的在按钮的OnClick处理程序,而应用程序正在后台工作。

Blazor Loader里面的一个按钮

  @(IsGeneratingReport ?"生成报告":"生成报告") @code {public bool IsGeneratingReport {get;设置;} public async Task GenerateReport() {IsGeneratingReport = true;等待Task.Delay (3000);IsGeneratingReport = false;}}

另请参阅

在本文中
Baidu
map