New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Binding

When using the Html helpers you can bind the checkbox items by using the Items() method or the BindTo() method.

Items method

The example below demonstrates how to use the Items() method to configure the checkboxes in the CheckBoxGroup widget.

@(Html.Kendo().CheckBoxGroup()
    .Name("checkboxgroup")
    .Items(i =>
    {
        i.Add().Label("English").Value("1");
        i.Add().Label("Spanish").Value("2");
        i.Add().Label("Russian").Value("3");
    })
    .Value(new string[] { "1" })
)

BindTo method

You can configure the items in the CheckBoxGroup widget by using the BindTo method.

  1. Pass the data to the view through the view model.

    public IActionResult Index()
    {
        var itemsList = new List<InputGroupItemModel>()
        {
            new InputGroupItemModel()
            {
                Label = "Yes",
                Value = "one"
            },
             new InputGroupItemModel()
            {
                Label = "No",
                Value = "two"
            },
              new InputGroupItemModel()
            {
                Label = "N/A",
                Value = "three"
            }
        };
    
        return View(new CheckBoxGroupViewModel() { Items = itemsList, CheckBoxGroupValue = new string[] { "two" }  });
    }
    
    public class CheckBoxGroupViewModel
    {
        public List<InputGroupItemModel> Items { get; set; }
    
        public string[] CheckBoxGroupValue { get; set; }
    }
    
    public class InputGroupItemModel : IInputGroupItem
    {
        public IDictionary<string, object> HtmlAttributes { get; set; }
    
        public string CssClass { get; set; }
    
        public bool? Enabled { get; set; }
    
        public bool? Encoded { get; set; }
    
        public string Label { get; set; }
    
        public string Value { get; set; }
    }
    
  2. Add the CheckBoxGroup to the view and bind it to a property of the view model.

    @model MvcApplication1.Models.CheckBoxGroupViewModel
    
    @(Html.Kendo().CheckBoxGroup()
        .Name("checkboxgroup")
        .BindTo(Model.Items)
        .Value(Model.CheckBoxGroupValue)
    )
    

See Also

In this article
Not finding the help you need? Improve this article