ButtonGroup事件

本文描述了Blazor的Telerik ButtonGroup组件的事件。

• OnClick
• SelectedChanged

OnClick

的OnClick事件在用户单击或轻击按钮时触发。您可以使用它来调用异步逻辑，例如获取数据或调用服务。

的OnClick事件参数的类型MouseEventArgs。

OnClick总是火灾之前的选择相关按钮的值会发生变化。

@*这个例子展示了如何单独或与共享事件处理程序一起处理按钮单击。*@  Button 1 Button 2 Toggle Button 3 Toggle Button 4  
@EventLogger
 @code{ private string EventLogger { get; set; } private async Task FirstClickHandler(MouseEventArgs args) { EventLogger = $"Button 1 click at {DateTime.Now.Millisecond} ms. Ctrl or Cmd pressed: {args.CtrlKey || args.MetaKey}"; } private async Task ToggleButtonClickHandler(MouseEventArgs args) { EventLogger = $"Toggle Button 4 click at {DateTime.Now.Millisecond} ms. Alt pressed: {args.AltKey}"; } private async Task SharedClickHandler(string sender, MouseEventArgs args) { EventLogger = $"Shared handler: {sender} click at {DateTime.Now.Millisecond} ms. Shift pressed: {args.ShiftKey}"; } }

事件是一个EventCallback。可以是同步的，也可以是返回的无效，或异步并返回异步任务。不要使用异步无效。

SelectedChanged

的SelectedChanged当用户通过点击、点击、空格键或回车键改变按钮的选定状态时触发。您可以使用它来调用本地视图模型逻辑。来获取数据或执行异步操作OnClick事件。

此活动仅适用于ButtonGroupToggleButton实例。

当SelectionMode是单,然后SelectedChanged火灾第一个对于先前选择的按钮，和然后用于新选择的按钮。

通常情况下,SelectedChanged处理程序应该更新选择相应按钮的值。如果您选择不这样做，这将有效地取消事件。

< TelerikButtonGroup SelectionMode = " @ButtonGroupSelectionMode。单"> Button 1 Button 2  
 Handle SelectedChanged
 @code{ private bool FirstSelected { get; set; } private bool SecondSelected { get; set; } = true; private bool HandleEvents { get; set; } = true; private void FirstSelectedChanged(bool newState) { if (HandleEvents) { FirstSelected = newState; Console.WriteLine($"Button 1 Selected: {FirstSelected}"); } else { Console.WriteLine($"Button 1 SelectedChanged cancelled."); } } private void SecondSelectedChanged(bool newState) { if (HandleEvents) { SecondSelected = newState; Console.WriteLine($"Button 2 Selected: {SecondSelected}"); } else { Console.WriteLine($"Button 2 SelectedChanged cancelled."); } } }

另请参阅

• ButtonGroup概述
• ButtonGroup选择