剃须刀页面
本文演示了如何为ASP配置Telerik UI CheckBoxGroup组件。NET Core在RazorPage场景中的应用。
关于RazorPages示例的完整项目,请访问我们的GitHub库.
@page @model teleries.examorpages.pages.checkboxgroupindexmodel @inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf @ html . antiforgerytoken () @(Html.Kendo().CheckBoxGroup() .Name("checkboxgroup") .BindTo(Model.CheckBoxGroupModel.Items) .Value(Model.CheckBoxGroupModel.CheckBoxGroupValue))
< / kendo-checkboxgroup >
public List itemsList {get;设置;} [BindProperty] public CheckBoxGroupViewModel CheckBoxGroupModel {get;设置;}公共无效OnGet() {if (CheckBoxGroupModel == null) {itemsList = new List(){新InputGroupItemModel() {Label = "Red", Value = "one"},新InputGroupItemModel() {Label = "Green", Value = "two"},新InputGroupItemModel() {Label = "Blue", Value = "three"}};CheckBoxGroupModel = new CheckBoxGroupViewModel() {Items = itemsList, CheckBoxGroupValue = new string[] {"two"}};}}
public class InputGroupItemModel: IInputGroupItem {public dictionary HtmlAttributes {get;设置;}公共字符串CssClass {get;设置;公共bool?启用{get;设置;公共bool?编码{get;设置; } public string Label { get; set; } public string Value { get; set; } }
public class CheckBoxGroupViewModel {public List Items {get;设置;} public string[] CheckBoxGroupValue {get;设置;}}