Enhancement

Currently, the RadioGroup binding does not implement the extended functionality for

Reproduction

RadioButtons have different behavior from the RadioGroup, when selecting values :

https://dojo.telerik.com/@protest/ovedihat

Expected/desired behavior

RadioGroup should have the same behavior.

Environment

• Kendo UI version: 2022.1.119
• Browser: [all]

Bug report

Reproduction of the problem

1. Set up a Grid for popup editing:

.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("RadioButtonTemplate"))

Add a RadioButton in the RadioButtonTemplate.cshtml template:

@model GridExample.Models.OrderViewModel

@(Html.Kendo().RadioButton().Name("engine1").Checked(true).HtmlAttributes(new { @name = "engine" }).Label("1.4 Petrol, 92kW"))
@(Html.Kendo().RadioButton().Name("engine2").HtmlAttributes(new { @name = "engine" }).Label("1.8 Petrol, 118kW"))

2. Click the "Add new record" button in the Grid's toolbar.

Current behavior

A js exception is thrown and the popup does not open:

Chrome:
Uncaught TypeError: Cannot read properties of undefined (reading 'toString') kendo.all.js:313050

Firefox:
Uncaught TypeError: this.bindings.checked.get() is undefined kendo.all.min.js:10:102181

The issue is reproducible with a RadioButton or a RadioButtonFor helper.

Expected/desired behavior

No exception is thrown and the custom popup displays the RadioButton.

Environment

• Kendo UI version: 2023.1.117
• jQuery version: x.y
• Browser: [all]

Bug report

The RadioButtons are not checked initially. They are only indicated as checked when being clicked.

Reproduction of the problem

Reproduction :
https://dojo.telerik.com/ayAXutaJ/8

Current behavior

The radio buttons are not checked initially.

Expected/desired behavior

The radio buttons should be checked.

Environment

• Kendo UI version: 2022.1.119
• Browser: [all ]

Bug report

When RadioButtonFor Helper is bound to a Model property it does not bind when an editable Grid is placed above its declaration.

Reproduction of the problem

1. Create a ViewModel that will be injected into the View:

   public class RadioButtonModel
   {
       public bool IAgreeProp { get; set; }
   }
   

2. Inject the model within the View:

    public class RadioButtonController : Controller
    {
       public ActionResult RadioButton()
       {
          RadioButtonModel myModel = new RadioButtonModel() { IAgreeProp = false };
          return View(myModel);
       }
     }
   

3. Initialize a RadioButtonFor Helper and place an editable Grid above its declaration:

         @(Html.Kendo().Grid<GridModel>()
                 .Name("Collaborators")
                 ...
                 .Editable(editable => editable.Mode(GridEditMode.InCell))
          )
        ...
        @(Html.Kendo().RadioButtonFor(m => m.IAgreeProp).Label("I Agree").Value(true))
        @(Html.Kendo().RadioButtonFor(m => m.IAgreeProp).Label("I Disagree").Value(false))
   

Current behavior

The RadioButtonFor Helper should bind to the specified Model property successfully.

Expected/desired behavior

The RadioButton Helper does not bind to the specified Model property successfully.

Environment

• Telerik UI for ASP.NET MVC version: 2023.2.606
• Browser: [all]