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

预定义的对话框-警报,确认,提示

Telerik UI为Blazor提供了标准确认,警告和提示对话框的样式替代品。它们与组件的Theme相匹配,让用户清楚地看到模态对话框来自应用程序。

要使用这些对话框,请接收类型为的级联参数Telerik.Blazor.DialogFactory.它公开了您可以在方法调用中使用的方法。

[CascadingParameter] public DialogFactory对话{get;设置;}

类的子Razor组件中只能使用预定义的对话框TelerikRootComponent.这很容易在标准的Blazor应用程序中实现TelerikRootComponent驻留在布局文件中。当使用UI为Blazor在ASP。网络应用程序,则需要一个额外的子组件。

有三个现成的对话框:

警报

警报对话框通常向用户显示出了错误,例如需要他们注意并阻塞UI的重大错误通知这不是模态的,是小的。

使用警报对话框

@*使用警报对话框,当代码继续监视控制台*@ 显示警报 显示警报与自定义标题 @code {[CascadingParameter]公共DialogFactory对话框{get;设置;} public async Task ShowAlert(){等待对话框。AlertAsync("出错了!");控制台。WriteLine(“用户忽略了警报框。”);} async任务ShowAlertWithTitle(){等待对话框。警报Async("Something went wrong!", "Read this!"); Console.WriteLine("The user dismissed the alert box with the custom title."); } }

Telerik Alert对话框先看看

确认

确认对话框返回保龄球值,该值指示用户单击的按钮-真正的好吧按钮,取消按钮。这让你等待它的执行,然后基于该决策继续应用程序逻辑。调用它的方法必须是异步任务而且异步无效为了等待行刑。

使用确认对话框

@*使用确认对话框,监控控制台的代码何时以及如何继续*@ 显示确认 显示确认与自定义标题 @code {[CascadingParameter]公共DialogFactory对话框{get;设置;} public async Task ShowConfirm() {bool isConfirmed = await对话框。ConfirmAsync(“你确定吗?”);if (isConfirmed){控制台。WriteLine(“用户确定,继续。”);} else{控制台。WriteLine(“用户改变主意了”);}} async Task ShowConfirmWithTitle() {bool isConfirmed = await对话框。ConfirmAsync("你确定吗?","确认!");控制台。WriteLine($"用户确认:{isConfirmed}."); } }

Telerik确认对话框先看

提示

提示对话框返回一个字符串用户按下按钮时输入的好吧,当他们按的时候取消.这让你等待它的执行,然后基于该决策继续应用程序逻辑。调用它的方法必须是异步任务而且异步无效为了等待行刑。

使用提示对话框

@*使用提示对话框,监控控制台的代码何时以及如何继续*@ 显示提示 显示提示与自定义标题 @code {[CascadingParameter]公共DialogFactory对话框{get;设置;} public async Task ShowPrompt() {string userInput = await对话框。PromptAsync(“输入你的答案。”);if (userInput == null){控制台。WriteLine(“用户不会回答。”);} else{控制台。WriteLine($"用户说:{userInput}");}} async Task ShowPromptWithTitle() {string userInput = await对话框。PromptAsync("Enter answer:", "需要输入");控制台。WriteLine($"用户回答:{userInput}"); } }

Telerik提示对话框先看

另请参阅

在本文中
Baidu
map