Blazor复选框概述

Blazor复选框组件允许您向应用程序添加更多可自定义的复选框。它维护标准HTML复选框的行为,并提供已选中、未选中和不确定的州。

为Blazor Ninja图像的Telerik UI

Checkbox组件是的一部分为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

创建Blazor复选框

  1. 添加TelerikCheckBox标记到Razor文件。

  2. 设置价值的参数。保龄球对象。它支持单向和双向绑定。

  3. (可选)设置Id参数来附加<标识>到复选框。

使用双向数据绑定的Telerik CheckBox的基本设置。

@* TelerikCheckBox组件的基本设置*@   @code {private bool isSelected {get;设置;}}

不确定的状态

除了基本的检查而且无节制的状态,Blazor复选框有第三个状态-不确定的阅读更多关于Blazor复选框不确定状态的信息

外观

Checkbox组件提供了大小和边框设置,以控制其外观。阅读更多关于Blazor复选框外观设置的信息

事件

Blazor复选框触发值更改、焦点和状态更改事件,您可以处理这些事件并进一步定制其行为。阅读有关Blazor复选框事件的更多信息

复选框的参数

Blazor复选框提供了各种参数,允许您配置组件:

参数 类型 描述
字符串 对象呈现自定义CSS类<输入class = " k-checkbox " >元素。
启用 保龄球 组件是否启用。
Id 字符串 渲染为id属性。<输入/ >元素,所以你可以附加一个<标签= " " >到它。
不确定的 保龄球 将复选框置于其第三个状态-不确定。看到不确定的状态文章获取更多信息和示例。
TabIndex Nullable < int > tabindex属性呈现在复选框上。
价值 保龄球 映射到检查属性的普通HTML复选框。

参见输入验证篇文章。

常见的例子

演示“我同意条款和条件”基本场景的示例。

@if (hasagree) {
感谢您同意我们的条款和条件!
} else {

Lorem ipsum dolor sit amet, conttetur adipiscing elit.

Lorem ipsum dolor sit amet, conttetur adipiscing elit. "我爱你,我爱你,我爱你。现在,我的主人是leo,我的主人是lacus。毛利的,我是上等元素,毛利的,最伟大的,最伟大的。软软的,软软的,发酵的软软的。佩伦斯克和精英朗库斯,苏打酒,弗西布斯特勒斯。颞前庭。最大限度地解决了问题,有效地解决了问题。山蛇尾草。 Vestibulum ex arcu, molestie sed quam vulputate, aliquet cursus lectus. Aenean sollicitudin condimentum fringilla. Integer arcu justo, sollicitudin ut libero ut, posuere finibus sapien. Suspendisse hendrerit convallis urna. Donec eu sodales dui, et consequat massa. Integer vitae euismod dui, id rhoncus tellus. Ut luctus leo eget sapien eleifend facilisis. Duis sed maximus tortor. Ut nunc nibh, pulvinar a enim eget, mattis sagittis sem. Mauris odio nibh, aliquet a erat sit amet.

} @code { private bool hasAgreed { get; set; } }

下一个步骤

另请参阅

在本文中
Baidu
map