Blazor 组件库 BootstrapBlazor 中CheckboxList组件介绍

组件介绍

CheckboxList 多选框组控件用于创建多选的复选框组.

他的样子是这样的:

checkboxlist.png


代码也很简单,绑定一个List就行了。

<CheckboxList @bind-Value="@Value1" Items="@Items1" ShowLabel="true" DisplayText="@Localizer[nameof(Foo.Name)]"
              OnSelectedChanged="@OnSelectedChanged"></CheckboxList>

方便,快捷。

组件的属性一览

Items:选项列表,类型为 IEnumerable<SelectedItem>

IsDisabled:是否禁用。

Value:选中的值,类型为string,多选后以,分隔。即类似1,2

IsVertical:是否竖排显示,默认为false

组件事件一览

OnSelectedChanged:类型为 Func<IEnumerable<SelectedItem>, TValue, Task>,当复选框选中状态改变时调用,可以在复选框选项改变的情况下进行一些其他处理。

posted @ 2022-05-06 21:51  jvx  阅读(1494)  评论(0编辑  收藏  举报