Sunday, October 4, 2009

Radio Button Group in Grid

<script language="javascript" type="text/javascript">

function SelectOne(rdo,gridName,rowIndex)

{

all=document.getElementsByTagName("input");

for(i=0;i<all.length;i++)

{

if(all[i].type=="radio")

{

var count=all[i].id.indexOf(gridName);

if(count!=-1)

{

all[i].checked=false;

}

}

}

rdo.checked=true;

document.getElementById(GetClientId('hdnRowIndex')).value = rowIndex;

}

</script>


<
asp:DataGrid ID="dgProject" runat="server" AutoGenerateColumns="False" OnItemDataBound="dgProject_ItemDataBound">

<Columns>

<asp:TemplateColumn>

<ItemTemplate>

<input type="Radio" runat="server" id="ChkSel" name="rdoSel" />

</ItemTemplate>

</asp:TemplateColumn>

<asp:BoundColumn DataField="WorkGroupCode" HeaderText="Project&nbsp;Id"></asp:BoundColumn>

</Columns>

</asp:DataGrid>

<asp:HiddenField ID="hdnRowIndex" runat="server" />

protected void dgProject_ItemDataBound(object sender, DataGridItemEventArgs e)

{

if (e.Item.ItemType != ListItemType.Header
&& e.Item.ItemType != ListItemType.Footer)

{

HtmlInputRadioButton rdoCheckSelect = (HtmlInputRadioButton)e.Item.FindControl("ChkSel");

rdoCheckSelect.Attributes.Add("onclick", "SelectOne(this,'dgProject','" + e.Item.ItemIndex + "')");

}

}

No comments:

Post a Comment