Binding

When using the Tag helpers you can bind the radio button items by using the '' tag or the bind-to() tag.

Items method

The example below demonstrates how to use the <kendo-radiogroup-items> tag to configure the radio buttons in the RadioGroup widget.

   <kendo-radiogroup name="radiogroup"
                      radio-name="radiogroup">
        <kendo-radiogroup-items>
            <kendo-radiogroup-item value="one" label="First">
            </kendo-radiogroup-item>
            <kendo-radiogroup-item value="two" label="Second">
            </kendo-radiogroup-item>
        </kendo-radiogroup-items>
    </kendo-radiogroup>

BindTo method

You can configure the items in the RadioGroup 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 RadioGroupViewModel() { Items = itemsList });
   }
   
   public class RadioGroupViewModel
   {
       public List<InputGroupItemModel> Items { 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 RadioGroup to the view and bind it to a property of the view model.

   @model MvcApplication1.Models.RadioGroupViewModel
   
   <kendo-radiogroup name="radiogroup"
                 radio-name="radiogroup"                      
                 bind-to="Model.Items">
   </kendo-radiogroup>
   

See Also

• Server-Side API