I have a DataList, which looks a bit like this:
<asp:DataList id="dlstCheeseType" runat="server" RepeatColumns="4" RepeatDirection="Horizonta
ShowHeader="False" ShowFooter="False" ItemStyle-VerticalAlign="T
ItemStyle-Width="25%" Width="100%">
<ItemTemplate>
<asp:RadioButton ID="cheeseChoice" Text='<%# Container.DataItem.Row("Ch
<br>
<asp:Image id=imgCheese Runat="server" ImageUrl='<%# "Images/" & Container.DataItem.Row("Ch
</asp:Image>
</ItemTemplate>
</asp:DataList>
(sorry for the formatting ;))
Basically it's filled with a bunch of choices from the database, with a Name and a graphic. The user should be able to choose one of them using the radio button. BUT:
The radio buttons end up being seperated, i.e. you can activate them all (looking at the generated source, they all have different IDs?) - how do I get that to work properly?
Thanks, experts!
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Yes, that's what I'm trying to do -- offer an exclusive choice, i.e. let the user only pick one out of the listed items. BUT ASP.NET doesn't want me to do that ;) (at least it's acting that way). With the RadioButtons (as it is now), the user can still pick all items. I want him only to be able to pick one.
the following is a workaround
1. The premise is like this:
2. We change the name attribute after loading to the group name specified
3. We change it back to the original name.
4. Works for both Firefox and MSIE
==========================
<%@ Page language="c#" Codebehind="WebForm1.aspx.
<HTML>
<HEAD><title>WebForm1</tit
</HEAD>
<body>
<script language="javascript">
var list = [];
function fix(input,name)
{
var fields = document.forms[0][input].v
list.length = 0;
for(var i=0;i<fields.length;i++)
{
var el = document.getElementById(fi
if (el)
{
list[el.id] = el.name;
convert(el,name);
}
}
}
function convert(el,group)
{
var radio = null;
if (document.all)
{
radio = document.createElement("<I
}
else
{
radio = document.createElement("in
radio.type = "radio";
radio.name = group;
radio.id = el.id;
radio.value = el.value;
}
var checked = el.checked;
el.parentNode.replaceChild
radio.checked = checked;
}
function revert()
{
for(var prop in list)
{
var el = document.getElementById(pr
if (el)
{
convert(el,list[prop]);
}
}
return true;
}
</script>
<form id="Form1" method="post" runat="server" onsubmit="return revert();">
<asp:Repeater Id="Repeater1" runat="server">
<HeaderTemplate>
<table>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:RadioButton Id="RadioButton1" Runat="server"
Text='<%# DataBinder.Eval(Container.
Checked='<%# DataBinder.Eval(Container.
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<input type="submit" value="submit" />
</form>
</body>
</HTML>
code-behind
=======
private void FixIt()
{
ArrayList list = new ArrayList();
foreach(RepeaterItem i in this.Repeater1.Items)
{
RadioButton button = i.FindControl("RadioButton
if (button != null)
list.Add(button.ClientID);
}
string value = string.Join("|",(string[])
Page.RegisterHiddenField("
Page.RegisterStartupScript
}
private void Page_Load(object sender, System.EventArgs e)
{
if (! IsPostBack)
{
// Put user code to initialize the page here
DataTable table = new DataTable();
table.Columns.Add("Name",t
table.Columns.Add("Checked
table.Rows.Add(new object [] {"Pepper",true});
table.Rows.Add(new object [] {"Salt",false});
table.Rows.Add(new object [] {"Chillies",false});
Repeater1.DataSource = table;
Repeater1.DataBind();
}
FixIt();
}
[VB.NET]
Private Sub FixIt()
Dim list As New ArrayList
For Each i As RepeaterItem in Eepeater1.Items
Dim button As RadioButton = CType(i.FindControl("Radio
If Not button Is Nothing Then
list.Add(button.ClientID)
End If
Next
Dim value As String = String.Join("|",DirectCast
Page.RegisterHiddenField("
Page.RegisterStartupScript
End Sub
Private Sub Page_Load(ByVal sender As Object,ByVal e As EventArgs) Handles MyBase.Load
If Not IsPostBack Then
Dim table As New DataTable
With table.Columns
.Add("Name,GetType(String)
.Add("Checked",GetType(Boo
End With
With table.Rows
.Add(New Object () {"Pepper",True})
.Add(New Object() {"Salt",False})
.Add(New Object() {"Chillies",False})
End With
Repeater1.DataSource = table
Repeater1.DataBind()
End If
FixIt()
End Sub
Business Accounts
Answer for Membership
by: djhexPosted on 2005-06-03 at 08:16:29ID: 14140473
Use checkboxbuttonlist.
Radiobuttons are excluseive always! at least you make one radiobuttonlist for each option.(baddd practice)