[Solved] Radiobutton as edit command button in RadGrid

[taeho]

Hi there,

Happy new year for all!!!
How to use a radiobutton inside gridTemplateColumn as editcommand button?
When you check a radiobutton, the corresponding row should get changed to edit mode.

Thanks in advance,

Toby

[Shinu]

Hi Toby,

Try the following code snippet to achieve the desired scenario.

ASPX:

 <telerik:GridTemplateColumn UniqueName="TempCol"  HeaderText="TempCol"  >
               <ItemTemplate>
                   <asp:RadioButton ID="RadioButton1" runat="server" AutoPostBack="True" OnCheckedChanged="RadioButton1_CheckedChanged"   />
               </ItemTemplate>
             </telerik:GridTemplateColumn>

CS:

 protected void RadioButton1_CheckedChanged(object sender, EventArgs e)
    {
        RadioButton radbtn = (RadioButton)sender;
        GridDataItem item = (GridDataItem)radbtn.NamingContainer;
        item.Edit = true;
        RadGrid1.MasterTableView.Rebind();
    }

Thanks
Shinu.

[Alejandro Resendiz]

hi shinu

how can i call javascript function
when radio button 1    checked changed
when radiobutton 
without postback

[Shinu]

Hello Alejandro,

Try the following code snippet to attach "onclick" event to RadioButton and to pass the row index to the client event handler. You can then access corresponding row/item using the index passed.

C#:

 protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            RadioButton btn = (RadioButton)item.FindControl("RadioButton1");
            btn.Attributes.Add("onclick", "CheckedChanged('"+item.ItemIndex+"');");
        }
    }

Java Script:

<script type="text/javascript">
    function CheckedChanged(index) {
        alert(index);
    }
</script>

Regards,
Shinu.