Progress Telerik UI for Blazor

Blazor RadioGroup

  • Blazor RadioGroup控件显示数据绑定的选项集合,显示为单选按钮—下拉菜单或选择元素的替代选项。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    有许多方法可以从预定义的选项列表中选择单个选项,但没有一种方法像Blazor RadioGroup组件的Telerik UI那样经典。将此控件直接绑定到选项列表,它将自动呈现所有选项,同时允许完全自定义和键盘导航。

    检查Blazor单选按钮组演示

    Telerik UI Blazor RadioGroup概述
  • 数据绑定

    类似地,对于套件的其余部分,组件可以绑定到基本类型和模型。这个设置非常简单——你只需要传递一个你的类型的IEnumerable就可以了,组件会完成剩下的工作。另一方面,如果需要为每个项的值和显示文本设置不同的值,则可以将RadioGroup绑定到应用程序中的模型。文中给出了两者的例子我们的RadioGroup文档页面

    用于Blazor数据绑定的Telerik UI
  • 标签和方向

    RadioGroup的按钮可以垂直放置(默认)或水平放置。此外,每个项目上的标签可以放置在每个按钮之前或之后(默认)。这些选项可以帮助您将控件放入正在构建的任何输入表单中。

    Blazor RadioGroup定制

    Telerik UI Blazor RadioGroup标签方向
  • TabIndex

    Blazor RadioGroup组件,就像所有其他Telerik UI的Blazor输入组件一样,由于HTML TabIndex属性,支持键盘导航在组件之间切换。按Tab键通常会聚焦下一个可用的输入组件,这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置,可以自定义该顺序。
  • 事件

    类似地,对于套件中的其他输入选择组件,事件ValueChanged而且OnChange在进行选择时触发。

    了解更多关于Blazor无线电组事件

  • 主题

    Blazor RadioGroup的Telerik UI有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序
    为Blazor RadioGroup主题的Telerik UI
  • 键盘导航

    Blazor RadioGroup组件的Telerik UI可以通过键盘单独导航,活动选择也可以由键盘选择。
    Telerik UI的易访问性。网络核心

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map