Programmatically add Radio btn ASP.NETGridView

Question

4.00/5 (1 vote)

See more:

Hi!
Does anyone know how to add a radiobutton to a dynamic gridview that will be mutually exclusive?
"In the GridView, the radiobuttons cannot be grouped and therefore are not mutually exclusive. That is, an end user is able to select multiple radiobuttons simultaneously from the GridView."
One of the solutions I found searching is to add a template field with a HtmlInputRadioButton witch works as mutually exclusive but only in normal gridviews, in the dynamic ones, the mutually exclusive doesn't work. When I select one of the radiobuttons and select the next the first one is not deselected. I read somewhere it's because all radiobuttons have different name. How can I give all the radiobuttons same name in InstantiateIn methode look in my class below.
Also, once I have the radiobutton set up correctly...how can I identify whether that row has the radiobutton checked or not?

I asked the same question yesterday. I ask for your help again. Thanks in advance.

Here is the code I use:

TemplateField rbtnColumn = new TemplateField();            
rbtnColumn.HeaderTemplate = new GridViewTemplate(ListItemType.Header, "Select");   
rbtnColumn.ItemTemplate = new GridViewTemplate(ListItemType.Item, "some data"); 
myGridView.Columns.Add(rbtnColumn);
Here is the GridViewTemplate class I use:
public class GridViewTemplate : System.Web.UI.Page, ITemplate
{
    ListItemType templateType;
    string columnName;
    public GridViewTemplate(ListItemType type, string colname)
    {
        templateType = type;
        columnName = colname;
    }
 public void InstantiateIn(System.Web.UI.Control container)
    {
        HtmlInputRadioButton ckh = new HtmlInputRadioButton();     
        switch (templateType)
        {
          case ListItemType.Item:
                container.Controls.Add(rbt);
                break;
         }
    }
}

Posted 31-Mar-11 9:27am

Majid khosravi

Updated 31-Mar-11 9:30am

Smithers-Jones

v2

Add a Solution

Comments

Smithers-Jones 31-Mar-11 15:34pm

Instead of posting the same question again, you should have gone back to yesterday's post and edit that one to maybe give some more information, if possible. Do not post the same question again, if you don't get a satisfying answer immediately but have some patience.
Also, I edited your question a bit (added code block)

Majid khosravi 31-Mar-11 16:06pm

Thanks!

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Albin Abel · Answer 1 · 2011-03-31T19:52:00

Hi Majid,

If you want the same name for all those radio then you can use your custom radio button. You just need to know how to form little html markup.

Also note your template control no need to inherit from page class. Here is the sample code.

C#

public class GridViewTemplate :  ITemplate
{
    ListItemType templateType;
    string columnName;
    public GridViewTemplate(ListItemType type, string colname)
    {
        templateType = type;
        columnName = colname;
    }
    public void InstantiateIn(System.Web.UI.Control container)
    {
        MyRadioButton button = new MyRadioButton();
        button.ClientIDMode = ClientIDMode.Static;
        button.ID = "Radio1";
        button.Name = "Radio1";
        button.Value = "Test";
        switch (templateType)
        {
            case ListItemType.Item:
                container.Controls.Add(button);
                break;
        }
    }
}

C#

public class MyRadioButton : RadioButton
{
    public string Name { get; set; }
    public string Value { get; set; }
    protected override void Render(HtmlTextWriter writer)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("<input type='radio' id='" + Name + "' name='" + Name + "' value='" + Value + "'/>");
        writer.Write(sb.ToString());
    }
}

And add it in the same way as you did. For the header you use the default header template available in asp.net

C#

TemplateField rbtnColumn = new TemplateField();
 rbtnColumn.ItemTemplate = new GridViewTemplate(ListItemType.Item, "some data");
 GridView1.Columns.Add(rbtnColumn);

good luck.

Improved part as per your comment
-------------------------------------------

What you can do is handle the row data bound event of the gridview and assign the value for the radio buttons. Sample code as below.

In the gridview markup assign a handler like this OnRowDataBound="Gridview1_RowDatabound" or else in the page load GridView1.RowDataBound += new GridViewRowEventHandler(Gridview1_RowDatabound);. Once the handler is assigned then inside the handler

C#

protected void Gridview1_RowDatabound(object sender,  GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //Assumed here the column index where the radio button present is 3
        // Change the index as per your column index.
        MyRadioButton btn = (MyRadioButton)e.Row.Cells[3].FindControl("Radio1");
        //Assumed here the customer id is the 0th column
        //change accordingly in your data.
        btn.Value = e.Row.Cells[0].Text;
    }
}

The cell indices you need to change as per your data. Now the radio button's value are assigned for the customer id. Hope that helps.