asp.net группировка радиокнопок
В настоящее время у меня возникли проблемы с переключателями и группировкой. У меня есть радиокнопка asp в системе управления ретранслятором. У меня есть атрибут имени группы, установленный на "клиент". При загрузке страницы переключатели не группируются. Вместо того, чтобы поля идентификаторов были установлены на имя группы, он устанавливает поля значений переключателей. Я знаю, что я пытался установить переключатели вне управления ретранслятором и имел ту же проблему. Что происходит? здесь?
Aspx
<asp:Repeater ID="repCustomers" runat="server">
<HeaderTemplate>
<table class="tableDefault" cellpadding="0" cellspacing="0" border="0" style="width: 383px; border: 0px !important">
<tr>
<th> </th>
<th>Cust. No.</th>
<th>Cust. Name</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<asp:RadioButton ID="radCustomer" GroupName="Customer" runat="server" ValidationGroup="Customer" ToolTip='<%#Eval("CustomerNumber") %>' />
</td>
<td><%#Eval("CustomerNumber")%></td>
<td><%#Eval("Name") %></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
Вывод html
<table class="tableDefault" cellpadding="0" cellspacing="0" border="0" style="width: 383px; border: 0px !important">
<tr>
<th> </th>
<th>Cust. No.</th>
<th>Cust. Name</th>
</tr>
<tr>
<td>
<span title="111111"><input id="ctl00_PrimaryContent_repCustomers_ctl01_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl01$Customer" value="radCustomer" /></span>
</td>
<td>111111</td>
<td>Jeremy's Test</td>
</tr>
<tr>
<td>
<span title="222222"><input id="ctl00_PrimaryContent_repCustomers_ctl02_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl02$Customer" value="radCustomer" /></span>
</td>
<td>222222</td>
<td>My Test</td>
</tr>
<tr>
<td>
<span title="333333"><input id="ctl00_PrimaryContent_repCustomers_ctl03_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl03$Customer" value="radCustomer" /></span>
</td>
<td>333333</td>
<td>Jim Bob's BBQ</td>
</tr>
<tr>
<td>
<span title="444444"><input id="ctl00_PrimaryContent_repCustomers_ctl04_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl04$Customer" value="radCustomer" /></span>
</td>
<td>444444</td>
<td>New Hope Hamburgers</td>
</tr>
<tr>
<td>
<span title="555555"><input id="ctl00_PrimaryContent_repCustomers_ctl05_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl05$Customer" value="radCustomer" /></span>
</td>
<td>555555</td>
<td>Pied Piper Pizza</td>
</tr>
<tr>
<td>
<span title="666666"><input id="ctl00_PrimaryContent_repCustomers_ctl06_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl06$Customer" value="radCustomer" /></span>
</td>
<td>666666</td>
<td>Sandy's Subs</td>
</tr>
<tr>
<td>
<span title="777777"><input id="ctl00_PrimaryContent_repCustomers_ctl07_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl07$Customer" value="radCustomer" /></span>
</td>
<td>777777</td>
<td>Leonard's Lambchops</td>
</tr>
<tr>
<td>
<span title="888888"><input id="ctl00_PrimaryContent_repCustomers_ctl08_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl08$Customer" value="radCustomer" /></span>
</td>
<td>888888</td>
<td>Dave's Diamond Deli</td>
</tr>
<tr>
<td>
<span title="999999"><input id="ctl00_PrimaryContent_repCustomers_ctl09_radCustomer" type="radio" name="ctl00$PrimaryContent$repCustomers$ctl09$Customer" value="radCustomer" /></span>
</td>
<td>999999</td>
<td>Ernie's Eatery</td>
</tr>
</table>
10 ответов:
Я, наконец, обошел это, создав простой переключатель и установив значение с помощью серверного eval.
<input type="radio" name="radCustomer" value='<%#Eval("CustomerNumber") %>' />
Теперь, когда приложение выполняет обратную передачу, я проверяю значение запроса.Форма ["радкустомер"]. Это работает безупречно.
К сожалению, это хорошо известная проблема с переключателями внутри ретранслятора. Одним из ваших единственных вариантов было бы создать пользовательский серверный элемент управления, производный от класса RadioButton, и переопределить способ его визуализации.
EDIT : Вот пример того, как может выглядеть производный класс:
public class MyRadioButton : RadioButton { protected override void Render(HtmlTextWriter writer) { writer.Write("<input id=\"" + base.ClientID + "\" "); writer.Write("type=\"radio\" "); writer.Write("name=\"" + base.ID + "\" "); writer.Write("value=\"" + base.ID + "\" />"); writer.Write("<label for=\"" + base.ClientID + "\">"); writer.Write(base.Text); writer.Write("</label>"); } }
Я исправил это в javascript
$(document).ready(function () { $("#divWithGridViewOrRepeater input:radio").attr("name", "yourGroupName"); });
У меня были те же проблемы. Я использую литерал в качестве заполнителя для отображения события onitemcreated с переключателем.
ASP.Net
<asp:Repeater ID="rpt" runat="server" OnItemCreated="rpt_OnItemCreated"> <ItemTemplate> <asp:Literal ID="lit" runat="server"></asp:Literal> </ItemTemplate> </asp:Repeater>
C#
protected void rpt_OnItemCreated(object sender, RepeaterItemEventArgs e) { Literal lit = (Literal)e.Item.FindControl("lit"); lit.Text = "<input type=\"radio\" name=\"myGroup\">"; }
Мне пришлось немного изменить ответ, опубликованный выше r3dsky.
Вот что сработало для меня:
$(document).ready(function () { $(".divWithGridViewOrRepeater input:radio").attr("name", "yourGroupName"); });
Я сделал свой radiobutton иметь autopostback установлен в true, а затем в обработчике событий установить все другие переключатели, чтобы быть невыбранными.
Не идеально, но мне нужен большой контроль над видимостью и включенными атрибутами радиобуттона, и мне казалось, что проще позволить ASP.NET контролируйте это, а не прибегайте к сценарию на стороне клиента.
Это хорошо известная ошибка с ASP.NET ретранслятор, использующий радиокнопки: здесь лучшее решение на мой взгляд
Я сделал это:
$("input:radio").attr("name", $("input:radio").first().attr("name"));
Почему? потому что если вы замените свойство name для любой строки, которую вы хотите, вы получите "не найдена ошибка". Итак, вам нужно получить имя первого радиобуттона и переименовать их все с этим именем. Это работает как шарм ;)
Мое решение, аналогичное другим:
<input id="ctlRadio" runat="server" type="radio" data-fixgroupbug="1" > // Fixes this ASP.NET bug: if radio input is inside repeater you can't set its name. // Every input gets set different name by ASP.NET. // They don't behave as a group. You can select multiple radios. function fixRadiogroupBug() { $('[type="radio"][data-fixgroupbug]').click(function () { $(this).siblings('[type="radio"]').prop('checked', false); }); } $(document).ready(function () { fixRadiogroupBug(); });