[Solved] dynamic radio button in gridview

[vidya]

How do I add a radio button in a dynamically created grid view? I would also like to access the events of the radio button.

Thanks,
Vidya

[Vlad]

Hello,

 You can create custom column similar to this blog post.

Sincerely yours,
Vlad
the Telerik team

[Kakone]

Hello,

I try to do a GridViewRadioButtonColumn like the blog post. So I did this :

public class GridViewRadioButtonColumn : GridViewDataColumn
{
   public override FrameworkElement CreateCellEditElement(GridViewCell cell, object dataItem)
   {
      RadioButton radioButton = new RadioButton();
      radioButton.Margin = new Thickness(3.0, 0.0, 3.0, 0.0);
      if (DataMemberBinding != null)
      {
         radioButton.SetBinding(RadioButton.IsCheckedProperty, DataMemberBinding);
      }
      return radioButton;
   }

   public override FrameworkElement CreateCellElement(GridViewCell cell, object dataItem)
   {
      RadioButton radioButton = cell.Content as RadioButton;
      if (radioButton == null)
      {
         radioButton = new RadioButton();
         radioButton.Margin = new Thickness(3.0, 0.0, 3.0, 0.0);
         radioButton.IsEnabled = false;
      }
      if (DataMemberBinding != null)
      {
         radioButton.IsChecked = (bool?)GetCellContent(dataItem);
      }
      return radioButton;
   }
}

Visually, it seems correct but the behavior is wrong. When I check the radiobutton on a row, I must set the DataItem property to false for the last checked row. I don't know how I can do this in this GridViewRadioButtonColumn. Any idea ?

Cordially,
Kakone

[Maya]

Hello Kakone,

You need to go one step further in your application and handle the Checked event of the RadioButton in the CreateCellEditTemplate method. What you need to do is to ensure that the property of all other items except the selected on is set to "False".
I am sending you a sample project implementing the functionality you need. 

 

Best wishes,
Maya
the Telerik team

[Kakone]

It's perfect.

Thanks a lot!