valor - ASP.NET RadioButton jugando con el nombre(groupname)

radio button checked c# asp net

Question

Obtuve un control de plantilla (un repetidor) que incluye texto y otro marcado. Cada elemento tiene un botón de radio asociado, lo que permite al usuario seleccionar UNO de los elementos creados por el repetidor.

El repetidor escribe el botón de radio configurando su identificación y nombre generado con la convención de nomenclatura de ASP.NET predeterminada, haciendo que cada radiobot sea un ''grupo'' completo. Esto significa que todos los botones de radio son independientes entre sí, lo que desafortunadamente significa que puedo seleccionar todos los botones de radio al mismo tiempo. El botón de radio tiene el atributo inteligente ''nombre de grupo'' utilizado para establecer un nombre común, por lo que se agrupan y, por lo tanto, deben ser dependientes (por lo que solo puedo seleccionar uno a la vez). El problema es que esto no funciona, el repetidor se asegura de que la identificación y, por lo tanto, el nombre (que controla la agrupación) sean diferentes.

Como utilizo un repetidor (podría haber sido una vista de lista o cualquier otro control de datos con plantillas) no puedo usar RadioButtonList. Entonces, ¿dónde me deja eso?

Sé que tuve este problema antes y lo resolví. Sé que casi todos los programadores ASP.NET deben haberlo tenido también, así que ¿por qué no puedo buscar en Google y encontrar una solución sólida al problema? Encontré soluciones para hacer cumplir la agrupación por JavaScript (¡feo!) O incluso para manejar los botones de radio como controles que no son del servidor, lo que me obligó a hacer un Request.Form[name] para leer el estado. También traté de experimentar anulando el atributo de nombre en el evento PreRender . Desafortunadamente, la página propietaria y la página maestra nuevamente anulan este nombre para reflejar el id / nombre completo, así que termino con el mismo resultado incorrecto.

Si no tienes una solución mejor que la que publiqué, aún puedes publicar tus pensamientos, al menos sabré que mi amigo "Jack" está en lo cierto sobre lo complicado que es a veces ASP.NET;)

Answer 1

Consejo de ASP.NET: Uso de controles de RadioButton en un repetidor

Este es el código para la función de JavaScript:

function SetUniqueRadioButton(nameregex, current)
{
re = new RegExp(nameregex);
for(i = 0; i < document.forms[0].elements.length; i++)
{
elm = document.forms[0].elements[i]
if (elm.type == ''radio'')
{
if (re.test(elm.name))
{
elm.checked = false;
}
}
}
current.checked = true;
}

El código está vinculado al repetidor a través del evento ItemDataBound. Para que funcione correctamente, necesita saber el nombre del control Repeater, así como el nombre de grupo que está asignando a RadioButtons. En este caso, estoy usando rptPortfolios como el nombre del Repeater, y Portfolios como el nombre del grupo:

protected void rptPortfolios_ItemDataBound(object sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType != ListItemType.Item && e.Item.ItemType
!= ListItemType.AlternatingItem)
return;
RadioButton rdo = (RadioButton)e.Item.FindControl("rdoSelected");
string script =
"SetUniqueRadioButton(''rptPortfolios.*Portfolios'',this)";
rdo.Attributes.Add("onclick", script);
}

REF: http://www.codeguru.com/csharp/csharp/cs_controls/custom/article.php/c12371/

Answer 2

Vladimir Smirnov ya ha creado un gran control personalizado que resuelve este problema. Hemos estado utilizando GroupRadioButton en nuestros proyectos y ha estado funcionando perfectamente con botones de radio creados dentro de un repetidor y otros fuera del repetidor, todos ellos siendo parte del mismo grupo.

Answer 3

Puede que esta no sea la solución ideal para todos, pero hice lo siguiente usando jQuery.

<asp:RadioButton ID="rbtnButton1" groupName="Group1" runat="server" /> <asp:RadioButton ID="rbtnButton2" groupName="Group1" runat="server" />

etc...

Luego incluya el siguiente código en su página maestra. (o todas sus páginas)

$(function() {
//This is a workaround for Microsoft''s GroupName bug.
//Set the radio button''s groupName attribute to make it work.
$(''span[groupName] > input'').click(function() {
var element = this;
var span = $(element).parent();
if (element.checked) {
var groupName = $(span).attr(''groupName'');
var inputs = $(''span[groupName='' + groupName + ''] > input'')
inputs.each(function() {
if (element != this)
this.checked = false;
});
}
});

});

Answer 4

Esto podría ser un poco mejor ...

Tengo un usercontrol que es esencialmente un conjunto de botones de radio dentro de un repetidor, cada instancia de usercontrol tiene una propiedad pública llamada FilterTitle, que es única por instancia.

agregue estas dos propiedades a su radiobutton reemplazando FilterTitle con su propio nombre de propiedad pública

onclick=''<%# "$(/"input[name$=btngroup_" + FilterTitle + "]/").removeAttr(/"checked/"); $(this).attr(/"checked/",/"checked/");" %>'' GroupName=''<%# "btngroup_" + FilterTitle %>''

más simple..

onclick="$(''input[name$=btngroup1]'').removeAttr(''checked''); $(this).attr(''checked'',''checked'');" GroupName="btngroup1"

Answer 5

Yo uso script de jQuery:

<script type="text/javascript">
function norm_radio_name() {
$("[type=radio]").each(function (i) {
var name = $(this).attr("name");
var splitted = name.split("$");
$(this).attr("name", splitted[splitted.length - 1]);
});
};
$(document).ready(function () {
norm_radio_name();
});
// for UpdatePannel
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
norm_radio_name();
});
</script>

Answer 6

Sé que esta es una publicación anterior, pero esto es lo que terminé haciendo con una lista. Mi lista de lista está encuadernada en código VB detrás, así que no estoy seguro si esto funcionará bien con un repetidor, pero me imagino que podría ser similar.

Lo que hice fue manejar el evento OnCheckChanged de los botones de radio con una función que desmarcó cualquier otro botón de opción. Luego busqué el botón de opción seleccionado cuando navegué fuera de la página.

Esta solución evita JavaScript y jQuery e ignora por completo el problema GroupName. No es ideal, pero funciona como (I) esperado. Espero que sea útil para otros.

Margen:

<asp:ListView ID="lvw" runat="server">
<LayoutTemplate>`
<table>
<th>Radio</th>
<tr id="itemPlaceholder"></tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td><asp:RadioButton ID="rdbSelect" runat="server" AutoPostBack="true"
OnCheckedChanged="rdbSelect_Changed"/></td>
</tr>
</ItemTemplate>
</asp:ListView>

Código:

Protected Sub rdbSelect_Changed(ByVal sender As Object, ByVal e As System.EventArgs)
Dim rb1 As RadioButton = CType(sender, RadioButton)
For Each row As ListViewItem In lvw.Items
Dim rb As RadioButton = row.FindControl("rdbSelect")
If rb IsNot Nothing AndAlso rb.Checked Then
rb.Checked = False
End If
Next
rb1.Checked = True
End Sub

Y luego, cuando se hace clic en el botón Enviar:

Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click
For Each row As ListViewItem In lvw.Items
Dim rb As RadioButton = row.FindControl("rdbSelect")
Dim lbl As Label
If rb IsNot Nothing AndAlso rb.Checked = True Then
lbl = row.FindControl("StudentID")
Session("StudentID") = lbl.Text
End If
Next
Response.Redirect("~/TransferStudent.aspx")
End Sub

Answer 7

También estaba desconcertado por este error y decidí simplemente dejar caer el repetidor a favor de construir dinámicamente una tabla con los controles dentro. En su control de usuario o en su página, simplemente agregue los siguientes elementos:

<asp:Table ID="theTable" runat="server">
<asp:TableHeaderRow runat="server">
<asp:TableHeaderCell runat="server" Text="Column 1"/>
<asp:TableHeaderCell runat="server" Text="Column 2"/>
<asp:TableHeaderCell runat="server" Text="Column 3"/>
</asp:TableHeaderRow>
</asp:Table>

A continuación, agregue las filas de datos en el código detrás con botones de opción y otros controles necesarios. Por supuesto, puede hacer lo mismo con otros elementos como el DIV:

<div runat="server" ID=theDiv">
</div>

Pero sigamos esperando que el equipo de ASP.NET solucione este desafortunado problema con repetidores y listas de visitas. Todavía me gusta el control del repetidor y lo uso siempre que sea posible.

Answer 8

Problema con el repetidor de botón de radio Google-fu: asp.net

De hecho, una desafortunada consecuencia de la manipulación de la identificación. Mi idea sería crear o elegir uno de los muchos controles disponibles que agregan soporte para el mismo nombre en el cliente.

Answer 9

Aquí hay una solución pura de Javascript en aras de la integridad.

Simplemente agregue este atributo onclick a su elemento RadioButton (reemplace GroupName con el nombre de grupo de RadioButton ):

<asp:RadioButton ... GroupName="GroupName" onclick="SelectRadioButton(''GroupName$'',this)" ... />

E incluye este Javascript en tu página:

<script type="text/javascript">
function SelectRadioButton(regexPattern, selectedRadioButton)
{
regex = new RegExp(regexPattern);
for (i = 0; i < document.forms[0].elements.length; i++)
{
element = document.forms[0].elements[i];
if (element.type == ''radio'' && regex.test(element.name))
{
element.checked = false;
}
}
selectedRadioButton.checked = true;
}
</script>

Answer 10

Crear un control personalizado y anular uniqueID a la vista de lista UniqueID + GroupName

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace MYCONTROLS
{
[ToolboxData("<{0}:MYRADIOBUTTON runat=server></{0}:MYRADIOBUTTON >")]
public class MYRADIOBUTTON : RadioButton
{
public override string UniqueID
{
get
{
string uid = base.UniqueID;
//Fix groupname in lisview
if (this.Parent is ListViewDataItem && GroupName != "")
{
uid = this.Parent.UniqueID;
uid = uid.Remove(uid.LastIndexOf(''$''));
uid += "$" + GroupName;
}
return uid;
}
}
}
}

Es un control personalizado que hereda de RadioButton (clase pública MYRADIOBUTTON: RadioButton). Si no haces nada en la clase, obtienes un RadioButton normal. Al anular UniqueId, puede cambiar la lógica de cómo se representa el atributo de nombre. Para mantener el nombre exclusivo de otros controles en la página (fuera de la vista de lista), puede obtener UniqueId de ListView y agregar GroupName a eso y agregarlo al RadioButton.

Esto soluciona el problema con la agrupación de RadioButtons en diferentes filas en una vista de lista. Es posible que desee agregar algo más de lógica con una propiedad para activar / desactivar esta función, de modo que se comporte como un RadioButton normal.

Answer 11

Sé que esta pregunta es un poco vieja, pero creo que podría ayudar a alguien y, por lo tanto, publicar mi solución sobre este tema.

Este problema tiene 2 partes:

1. Para evitar la selección de más de un botón de radio a la vez.
2. Para saber en qué botón de radio se hizo clic en el código del lado del servidor.

Tuve un problema similar con el botón de Radio en Repeater. Encontré una solución parcial aquí: solución simple para los controles de botón de radio en un repetidor de ASP.NET usando jQuery

Por favor, lea el artículo anterior para comprender el problema. Remití este artículo y fue de gran ayuda. Como se mencionó anteriormente, este problema tiene dos partes, la primera es evitar la selección de más de un botón de radio a la vez. En segundo lugar, para saber en qué botón de radio se hizo clic en el código del lado del servidor. La solución publicada en el artículo anterior funcionó para mí solo para la primera parte. Sin embargo, el código escrito allí y las actualizaciones de la solución publicada allí no funcionaron para mí. Así que tuve que modificarlo un poco para que funcione. Aquí está mi solución.

Quería crear una encuesta con el botón Votar. El nombre de mi botón de radio (ID) es PollGroupValue con Groupname establecido en PollGroup en un repetidor. Recuerde que el atributo de nombre de grupo en ASP.net se representa como atributo de nombre en html generado. Mi código es el siguiente:

<script type="text/javascript">
/* Step-01: */
$(document).ready(function () {
/* Step-02: */
$("[name*=''PollGroup'']").each(function () {
$(this).attr(''ci-name'', $(this).attr(''name''));
});
/* Step-03: */
$("[name*=''PollGroup'']").attr("name", $("[name*=''PollGroup'']").attr("name"));
$(''#Poll1_BtnVote'').click(function (e) {
/* Step - 04: */
if ($("[name*=''PollGroup'']").filter('':checked'').length == 0) {
alert(''Please select an option.'');
e.preventDefault();
}
/* Step - 05: */
$("[name*=''PollGroup'']").each(function () {
$(this).attr(''name'', $(this).attr(''ci-name''));
});
});
});

Paso 1: Cada vez que se utiliza un botón de opción en el repetidor, su nombre de grupo cambia, ya que asp.net lo cambia para hacerlo único. Por lo tanto, cada botón de opción recibe un nombre de grupo diferente (atributo de nombre en el marcado generado por el lado del cliente). Debido a esto, el usuario puede seleccionar todas las opciones al mismo tiempo. Este problema se resuelve mediante el uso de código jquery como se explica en los comentarios posteriores.

Paso 2: este bloque de código crea un nuevo atributo custome llamado ci-name y copia el valor original del atributo name en este nuevo atributo personalizado. Este proceso se repite para cada botón de radio en la encuesta. Este paso nos ayudaría en el paso posterior.

Paso 3: este bloque de código establece el valor de los atributos de nombre de todos los botones de radio en encuesta al valor del atributo de nombre del primer botón de opción. Este paso evita que el usuario seleccione más de una opción a la vez.

Paso 4: Este código dentro del evento de clic del botón de votación del controlador de eventos, verifica si el usuario ha marcado al menos una opción. Si no lo hizo, se muestra un mensaje de error.

Paso 5: este código dentro del evento de clic del botón de votación del controlador de eventos, establece el valor del atributo de nombre de todos los botones de radio en sus valores originales. Esto se logra copiando el valor del atributo personalizado ci-name. Esto permite que el código del lado del servidor asp.net sepa en qué botón se hizo clic realmente.

Answer 12

Este es un enfoque puro del lado del servidor que utiliza la reflexión. El control RadioButton usa la propiedad UniqueGroupName para determinar el nombre del grupo. El nombre del grupo se almacena en caché dentro del campo _uniqueGroupName . Al establecer este campo mediante la reflexión, podemos anular el nombre predeterminado del grupo y usar un nombre de grupo que sea el mismo en todos los botones de opción de un repetidor. Tenga en cuenta que este código se debe ejecutar en el evento ''PreRender'' del control ''RadioButton'' para asegurarse de que el nombre del nuevo grupo se mantenga en todas las publicaciones posteriores.

protected void rbOption_PreRender(object sender, EventArgs e)
{
// Get the radio button.
RadioButton rbOption = (RadioButton) sender;
// Set the group name.
var groupNameField = typeof(RadioButton).GetField("_uniqueGroupName", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance);
groupNameField.SetValue(rbOption, "MyGroupName");
// Set the radio button to checked if it was selected at the last post back.
var groupValue = Request.Form["MyGroupName"];
if(rbOption.Attributes["value"] == groupValue)
{
rbOption.Checked = true;
}
}

Código fuente de RadioButton : http://reflector.webtropy.com/default.aspx/Net/Net/3@5@50727@3053/DEVDIV/depot/DevDiv/releases/whidbey/netfxsp/ndp/fx/src/xsp/ Sistema / Web / UI / WebControls / RadioButton @ cs / 2 / RadioButton @ cs

Answer 13

Un control / anulación personalizado para evitar el método HtmlInputControl.RenderAttributes() ignorando la propiedad RenderedNameAttribute :

/// <summary>
/// HACK: For Microsoft&apos;s bug whereby they mash-up value of the "name" attribute.
/// </summary>
public class NameFixHtmlInputRadioButton : HtmlInputRadioButton
{
protected override void RenderAttributes(HtmlTextWriter writer)
{
// BUG: Usage of ''HtmlInputControl.RenderedNameAttribute''
// writer.WriteAttribute("name", this.RenderedNameAttribute);
writer.WriteAttribute(@"name", Attributes[@"Name"]);
Attributes.Remove(@"name");
var flag = false;
var type = Type;
if (! string.IsNullOrEmpty(type))
{
writer.WriteAttribute(@"type", type);
Attributes.Remove(@"type");
flag = true;
}
base.RenderAttributes(writer);
if (flag && DesignMode)
{
Attributes.Add(@"type", type);
}
writer.Write(@" /");
}
}

Answer 14

Utilicé la misma técnica para desmarcar otra radio con jquery. Por favor, encuentre el código a continuación.

<asp:RadioButton ID="rbSelectShiptoShop" runat="server" onchange="UnCheckRadio(this);" CssClass="radioShop" />

y script a continuación

function UnCheckRadio(obj) {
$(''.radioShop input[type="radio"]'').attr(''checked'', false);
$(obj).children().attr(''checked'', true);
}