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

RadioGroup布局

Blazor单选按钮组组件允许您以垂直或水平方式呈现选项列表。

默认情况下,列表是垂直的,您可以通过布局属性的成员作为参数Telerik.Blazor.RadioGroupLayout枚举。

Telerik Blazor按钮组组件中的水平和垂直布局

如果你想要一个水平列表,你可以直接设置参数*@  
@code{RadioGroupLayout theLayout {get;设置;} = RadioGroupLayout.Horizontal;int SelectedValue {get;设置;} = 2;IEnumerable Data {get;设置;} =可枚举的。范围(1、5); }

ButtonGroup组件中的布局

水平布局模式,单个项目不创建布局,因此它们将随容器的尺寸流动。

在水平布局中,当容器无法容纳所有项目时,项目可以落在几行上

@*这段代码只是创建了20个项目,并将它们放在一个宽度较小的容器中*@ 
@code{List RadioButtonsList {get;设置;} =可枚举的。范围(20)。Select(x => $"Item {x}").ToList();字符串SelectedValue{获取;设置;}}

水平布局项目在直线中流动

另请参阅

在本文中
Baidu
map