Keep radio selected on radiobutton after postback

Question

0.00/5 (No votes)

See more:

Hye..

how do i keep a HTML input(radio) value after autopostback?
This is how my system flows.
I have a dropdownlist (autopostback = true) and will display the data in gridview according to that dropdownlist value.
In the gridview, there are HTML input(radio) where the users must choose only one option. Then, they must click on Choose button to cause second gridview appears.
But how do i want to keep the input(radio) selected after the user click on Choose button?
this is my piece of code. the input radio that i want to keep selected is named as gvradio.

XML

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
                    BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
                    CellPadding="3" DataKeyNames="IdInstitusi"
                    DataSourceID="SqlDataSourceAlamatInst" Width="398px" Visible="False">
                    <RowStyle ForeColor="#000066" />
                    <Columns>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <input   name="gvradio" type="radio" enableviewstate="true"  value='<%#Eval("IdInstitusi")%>' />

                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                        </asp:TemplateField>
                        <asp:BoundField DataField="AlamatInstitusi" HeaderText="AlamatInstitusi"
                            SortExpression="AlamatInstitusi" />

</asp:GridView>

Posted 10-Oct-11 17:49pm

snamyna

Add a Solution

4 solutions

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)

Venkatesh Mookkan · Answer 1 · 2011-10-10T17:54:00

Solution 1

The problem seems to be you are loading the GridView everytime the page postback.
Make sure you load the GridView only once. Add a condition like below,

C#

if (!IsPostBack)
{
// Load the GridView
}

Mark it as answer if it is helpful

Posted 10-Oct-11 17:54pm

Venkatesh Mookkan

Comments

snamyna 11-Oct-11 0:10am

i have changed the code a little bit where i put Gridview1, Choose button and Gridview 2 in a single Update Panel. Once i click the button, it does not autopostback, it still retrieve the value in Gridview 2 according to Gridview 1 selection, but the selection in Gridview1 is still missing. Any idea?

Venkatesh Mookkan 11-Oct-11 0:15am

Can you update the question with your code? It would help us to understand your problem better

snamyna 11-Oct-11 0:21am

Sorry.. The elements involved here are Dropdownlist (NamaInstitusiDDL), Gridview1, ChooseBtn, and Gridview2 which are located in one Update Panel (UpdatePanel3)

<asp:UpdatePanel ID="UpdatePanel3" runat="server"><contenttemplate>
<asp:DropDownList ID="NamaInstitusiDDL" runat="server" AutoPostBack="True" AppendDataBoundItems="true"

DataSourceID="SQLNamaInstitusi" DataTextField="NamaInstitusi"
DataValueField="NamaInstitusi" Width="395px" CausesValidation="True"> <asp:ListItem Text="--Sila pilih institusi--" Value="" /> <br /><br />
<asp:Panel ID="Panel1" runat="server" Height="327px" ScrollBars="Both"
Width="413px"><br />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
CellPadding="3" DataKeyNames="IdInstitusi"
DataSourceID="SqlDataSourceAlamatInst" Width="398px" Visible="False">
<rowstyle forecolor="#000066">
<columns>
<asp:TemplateField>
<itemtemplate>
<input name="gvradio" type="radio" enableviewstate="true" value='<%#Eval("IdInstitusi")%>' />

<itemstyle horizontalalign="Center" verticalalign="Middle">

<asp:BoundField DataField="AlamatInstitusi" HeaderText="AlamatInstitusi"
SortExpression="AlamatInstitusi" />
<asp:BoundField DataField="IdInstitusi" HeaderText="IdInstitusi"
ReadOnly="True" SortExpression="IdInstitusi" Visible="False" />

<footerstyle backcolor="White" forecolor="#000066">
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
CellPadding="3" DataSourceID="SqlDataSource1"
EmptyDataText="Tiada rekod. Sila Tambah Penyelaras Baru" Visible="False"
Width="398px">
<columns>
<asp:TemplateField>
<itemtemplate>
<input name="penyelarasradio" type="radio"
value='<%#Eval("IdPenyelarasIPT")%>' />

<itemstyle horizontalalign="Center" verticalalign="Middle">

<asp:BoundField DataField="NamaPenyelaras" HeaderText="NamaPenyelaras"
SortExpression="NamaPenyelaras" />

<emptydatarowstyle font-bold="True">
<footerstyle backcolor="White" forecolor="#000066">
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<rowstyle forecolor="#000066">
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

<br />

koolprasad2003 · Answer 2 · 2011-10-10T18:21:00

Solution 2

add Runat="Server" attribute.

ASP.NET

<input   name="gvradio" type="radio" enableviewstate="true" runat="server" value='<%#Eval("IdInstitusi")%>' />

Posted 10-Oct-11 18:21pm

koolprasad2003

Updated 10-Oct-11 18:22pm

v2

Comments

snamyna 11-Oct-11 0:25am

Sorry but once i put runat= server, the user can select multiple choices which I don't want that.Anyway, thanks for your time. :)

koolprasad2003 11-Oct-11 0:35am

yeah, we can trigger that behavior by writting javascript. so that you can select only one radio at a time

dreamz9 · Answer 3 · 2011-10-10T19:23:00

Solution 3

Try Asp RadioList or radio control to solve this problem.

Posted 10-Oct-11 19:23pm

dreamz9

devildx2050 · Answer 4 · 2011-10-10T19:35:00

Solution 4

at the load event
put this code

if(!IsPostback)
{
//your code
}

Posted 10-Oct-11 19:35pm

devildx2050