Solved

View State of Radio Button in GridView

Posted on 2008-06-24
4
1,910 Views
Last Modified: 2013-11-26
How can I maintain state of an html radio button within a <asp:gridview>?
<asp:GridView>
<columns>
<asp:TemplateField>
  <ItemTemplate>
     <input type="radio" name="rbSelect" id="rbSelect" value="<%# Eval("first_name")%> <%# Eval("last_name")%>" />
   </ItemTemplate>
</asp:TemplateField>
0
Comment
Question by:kevbob650
  • 3
4 Comments
 
LVL 2

Expert Comment

by:Alexey_Varlamov
ID: 21860252
1. What kind of state do you want to monitor? The ViewState available in server controls only, so you should use runat="server" within <input type="radio" ..> tags

2. To catch the POST value (even ViewState not used)  you can use a code like this:
  if (Request.Form["rbSelect"] == null)
            lblSelected.Text = "You didn't choose anything";
        else
            lblSelected.Text = "You choose " + Request.Form["rbSelect"];

3. To find the RadioButton objects in all rows use can use a code like this:
foreach(GridViewRow row in GridView1.Rows)
{
  HtmlInputRadioButton radio1=row.FindControl("rbSelect") as HtmlInputRadioButton;
  // do something with radio1
}
0
 

Author Comment

by:kevbob650
ID: 21861237
When I add the runat server line in the <input type="radio"> tag, I am able to select more than one button and I'm not able to access the value?? When I remove the runat=server line, the radio button works, I'm able to retrieve the value, but it disapperars when the form is submitted.
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="id" DataSourceID="SqlDataSource2" CellPadding="6" BorderWidth="1px" BorderStyle="Solid" BorderColor="Black" style="z-index: 109; left: 15px; position: absolute; top: 343px" Font-Names="Arial" Font-Size="10pt">

            <HeaderStyle ForeColor="Black" Font-Names="Arial" Font-Size="9pt" Font-Bold="True" BackColor="#66CCCC" HorizontalAlign="Left" />

            <RowStyle ForeColor="Black" BackColor="#CCFFCC" />

            <AlternatingRowStyle ForeColor="Black" BackColor="#CCFFFF" />

            <SelectedRowStyle ForeColor="White" BackColor="#009966" />

            

            <Columns> 

                

                <asp:TemplateField>

                    <ItemTemplate>

                        <input type="radio" id="rbSelect" runat="server" value='<%#Eval("first_name") %>' />

                    </ItemTemplate>

                </asp:TemplateField>

               

                <asp:BoundField DataField="first_name" HeaderText="First Name" SortExpression="first_name" />

                <asp:BoundField DataField="last_name" HeaderText="Last Name" SortExpression="last_name" />

                <asp:BoundField DataField="title" HeaderText="Title" SortExpression="title" />

                <asp:BoundField DataField="office_phone" HeaderText="Bus Phone" SortExpression="office_phone" />

                <asp:BoundField DataField="mobile_phone" HeaderText="Cell Phone" SortExpression="mobile_phone" />

                <asp:BoundField DataField="esc_level" HeaderText="Esc Level" SortExpression="esc_level" />                

            

            </Columns>

        </asp:GridView>

Open in new window

0
 
LVL 2

Expert Comment

by:Alexey_Varlamov
ID: 21867998
The explanation and possible solution for RadioButton grouping issue:
http://www.codeproject.com/KB/webforms/How_group_RButtons.aspx

and possible AutoPostback issue of this solution:
http://www.codeproject.com/KB/webforms/groupradiobuttons.aspx

/p.s. also, if you know the selected radio button (from previous postback), you can set the "Selected" property before rendering... i think... : )
0
 
LVL 2

Accepted Solution

by:
Alexey_Varlamov earned 50 total points
ID: 21868054
... and why you are not able to access the value?  the standard way is a test the "Checked" property and get value if the Checked = true:

foreach(GridViewRow row in GridView1.Rows)
{
  HtmlInputRadioButton radio1=row.FindControl("rbSelect") as HtmlInputRadioButton;
  if (radio1.Checked)
     value = radio1.Value;
  // do something with radio1
}
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

In my previous two articles we discussed Binary Serialization (http://www.experts-exchange.com/A_4362.html) and XML Serialization (http://www.experts-exchange.com/A_4425.html). In this article we will try to know more about SOAP (Simple Object Acces…
Today I had a very interesting conundrum that had to get solved quickly. Needless to say, it wasn't resolved quickly because when we needed it we were very rushed, but as soon as the conference call was over and I took a step back I saw the correct …
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now