Explicación detallada del controlador RadioButtonList en ASP.NET

　

Se pueden agregar botones de opción a una página web utilizando dos tipos de controles ASP.NET: los controles de　

命名空间：System.Web.UI.WebControls
程序集：System.Web（在 system.web.dll 中）　

[ValidationPropertyAttribute("SelectedItem")]
public class RadioButtonList : ListControl, IRepeatInfoUser, INamingContainer, IPostBackDataHandler
RadioButtonList 控件为网页开发人员提供了一组单选按钮，这些按钮可以通过数据绑定动态生成。该控件包含一个 Items 集合，集合中的成员与列表中的各项相对应。若要确定选择了哪一项，请测试列表的 SelectedItem 属性。　

可以通过 RepeatLayout 和 RepeatDirection 属性指定如何呈现列表。如果将 RepeatLayout 设置为 RepeatLayout.Table（默认设置），列表将呈现在表中。如果设置为 RepeatLayout.Flow，列表将不以表格形式呈现。默认情况下，RepeatDirection 设置为 RepeatDirection.Vertical。将该属性设置为 RepeatDirection.Horizontal 时，列表将水平呈现。　

RadioButtonList用法：

　　　　　　　　　　　　　　　 <div class="rblStyle">
　　　　　　　　　　　　　　　 <asp:RadioButtonList ID="rblChangQHT" runat="server" RepeatDirection="Horizontal">
　　　　　　　　　　　　　　　 <asp:ListItem Text="是" Value="1></asp:ListItem>
　　　　　　　　　　　　　　　 <asp:ListItem Text="否" Value="0"></asp:ListItem>
　　　　　　　　　　　　　　　 </asp:RadioButtonList></div>　

1.RadioButtonList 校验

  var rb_ChangQHT = document.getElementById("rblChangQHT");
  var ShiF = rb_ChangQHT.obtenerElementosPorTag("INPUT");
  var result = false;
  para (var i = 0; i < ShiF.longitud; i++) {
  si (ShiF[i].checked) {
   result = true;
   romper;
  }
  }
  si (!result) {
  alert("¡Es obligatorio rellenar el campo de contrato a largo plazo o medio plazo!");
  devolver false;
  }

2.Ajuste de estilo RadioButtonList　

.rblStyle{ancho:100%;altura:auto;}
.rblStyle input{borde-estilo:none;}　

3.Evento onselectedindexchanged　

Al igual que el control de desplegable dropdownlist, también tiene el evento onselectedindexchanged, que se desencadena cuando cambia la opción　

Puntos a tener en cuenta: el atributo AutoPostBack del control debe establecerse en "True", de esta manera el servidor sabe que ha cambiado su opción y desencadena el evento correspondiente

4.Añadir sugerencia a ListItem

RadioButtonList1.Items[0].Atributos.Añadir("title", "Contenido del mensaje de sugerencia");

5. Vincular fuente de datos　　　　　　　　　　　　

string sql = "select * de "provincia";
DataTable dt = SQLHelper.ExecuteDataTable(sql);
this.RadioButtonList1.DataSource = dt;
this.RadioButtonList1.DataTextField = "Provinces";
this.RadioButtonList1.DataValueField = "PId";
this.RadioButtonList1.DataBind();

6.Cambiar el color de primer plano del elemento seleccionado

<asp:RadioButtonList ID="rblIsLock" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rblIsLock_SelectedIndexChanged" DirecciónRepetición="Horizontal" AlineaciónRepetición="Flujo">   
<asp:ListItem Seleccionado="True" Valor="0">Habilitar </asp:ListItem>   
<asp:ListItem Value="}}1">deshabilitado </asp:ListItem> 
</asp:RadioButtonList> 
<label>*Los usuarios deshabilitados no podrán iniciar sesión</label>

Backend:　　　

protected void rblIsLock_SelectedIndexChanged(object sender, EventArgs e) 
{ 
 var rbl = sender as RadioButtonList; 
 HighliehgSelectedItem(rbl); 
}
private void HighliehgSelectedItem(RadioButtonList rbl) 
{ 
 foreach (ListItem li in rbl.Items) 
 {  
 if (li.Selected)  
 {  
 li.Attributes.Add("style", "color: red;");  
 } 
 } 
}

7.agregar dinámicamente RadioButtonList en el backend　　　

 RadioButtonList rbl = new RadioButtonList();
   rbl.ID = "rbl" + (i + 1).ToString();
   rbl.BorderStyle = BorderStyle.None;
   rbl.RepeatLayout = RepeatLayout.Flow;
   rbl.RepeatDirection = RepeatDirection.Horizontal;
   rbl.TextAlign = TextAlign.Right;
   rbl.CellSpacing = 6;
   rbl.Attributes.Add("onclick", "CheckRbl('ctl00_ctl00_ctl00_ContentPlaceHolder1_cphBody_cphLower_" + rbl.ID + "')");
   rbl.DataSource = dtRating.DefaultView;
   rbl.DataTextField = "LevelID";
   rbl.DataValueField = "LevelID";
   rbl.DataBind();
   tc.Controls.Add(rbl); //tc es una celda de TableRow, TableCell
   for (int k = 0; k < rbl.Items.Count; k++)
   {
   rbl.Items[k].Attributes.Add("title", dtRating.Rows[k][1].ToString());
   rbl.Items[k].Attributes.Add("style", "margin-left:10px;");
   }

8.cambio de color de fondo del elemento seleccionado en la interfaz　

  window.onload = function () {
  var arr = document.getElementsByTagName("INPUT");
  for (var i = 0; i < arr.length; i++) {
  if (arr[i].checked) {
   if (arr[i].type == "radio") {
   arr[i].style.backgroundColor = "red";
   }
   else {
   arr[i].style.backgroundColor = "";
   }
  }
  else {
   arr[i].style.backgroundColor = "";
  }
  }
 }

Adjuntamos para usted3Un excelente tema:

Manual de uso de controles ASP.NET

Resumen de uso de controles de enlace de datos ASP.NET

Resumen de uso de controles ASP.NET

Esto es todo el contenido del artículo, espero que sea útil para su aprendizaje y espero que todos apoyen el tutorial de clamor.

Declaración: Este artículo se ha redactado en línea, pertenece al propietario original, el contenido se ha contribuido y cargado de manera autónoma por los usuarios de Internet, este sitio web no posee los derechos de propiedad, no se ha procesado editorialmente y no asume la responsabilidad de las responsabilidades legales relacionadas. Si encuentra contenido sospechoso de infracción de derechos de autor, por favor envíe un correo electrónico a: notice#w proporcionando evidencia relevante.3Declaración: El contenido de este artículo se obtiene de la red, pertenece al propietario original, el contenido se contribuye y carga de manera autónoma por los usuarios de Internet, este sitio web no posee los derechos de propiedad, no se ha procesado editorialmente y no asume la responsabilidad de las responsabilidades legales relacionadas. Si encuentra contenido sospechoso de infracción de derechos de autor, por favor envíe un correo electrónico a: notice#w proporcionando evidencia relevante, una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción.