22- . Aplicaciones web. RadioButtonList, CheckBoxList, RadioButton y CheckBox
- En este capítulo del curso de programación en c# con visual studio 2017,vamos a ver cuatro controles de uso común en muchas de las páginas web que utilizamos habitualmente. Estos controles son los RadioButtonList, CheckBoxList, RadioButton y CheckBox:
- Los controles RadioButton presentan al usuario una opción que puede ser seleccionada o no.
- Los controles CheckBox presentan al usuario una opción que puede ser seleccionada o no.
- Los controles RadioButtonList presentan al usuario un conjunto de dos o más opciones excluyentes entre sí. Aunque puede parecer que los botones de radio y los CheckBoxList funcionan de forma parecida, existe una diferencia importante: cuando un usuario selecciona un botón de radio, no puede seleccionar ninguno de los otros botones de radio del mismo grupo sin perder la selección de este botón.
- Los CheckBoxList como he comentado anteriormente permiten seleccionar varios opciones a diferencia de los RadioButtonList.
- En el vídeo os muestro unos ejemplos sobre como usar estos controles.En el caso del RadioButtonList cargo los datos en la parte de de diseño y en el CheckBoxList los cargo en tiempo de de ejecución. También muestro algunas de las múltiples propeidades y eventos que tienen estos controles:
- Como siempre suelo hacer es dejo unos enlaces a la MSDN de Microsofot donde tenéis más detalles de estos controles:
- RadioButton: https://msdn.microsoft.com/es-es/library/b3se8ewc(v=vs.100).aspx
- CheckBoxList : https://msdn.microsoft.com/es-es/library/system.web.ui.webcontrols.checkboxlist(v=vs.110).aspx
- Además os dejo el código de los archivos cliente y servidor:
- Pagina cliente.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormHolaMundo.aspx.cs" Inherits="HolaMundo.WebFormHolaMundo" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 100%;">
<tr>
<td>
<asp:RadioButton ID="rdunradio" runat="server" Text="Único" />
<asp:RadioButtonList ID="RadioButtonList1" runat="server" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem Value="1">Elemento1</asp:ListItem>
<asp:ListItem Value="2">Elemento2</asp:ListItem>
<asp:ListItem Value="3">Elemento3</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:CheckBoxList ID="CheckBoxList1" runat="server"></asp:CheckBoxList>
<tr>
<td> <asp:Button ID="btnMiBoton" runat="server" Text="Button" OnClick="btnMiBoton_Click" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
- Código servidor:
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace HolaMundo
{
public partial class WebFormHolaMundo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnMiBoton_Click(object sender, EventArgs e)
{
CheckBox1.Text = "No cliques";
for(int i=0; i<6; i++)
{
ListItem x = new ListItem(i.ToString(), i.ToString());
CheckBoxList1.Items.Add(x);
}
rdunradio.Visible = false;
RadioButtonList1.Visible = false;
}
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{
if( RadioButtonList1.SelectedItem.Value=="1")
rdunradio.Enabled = false;
else
rdunradio.Enabled = true;
}
}
}
No hay comentarios:
Publicar un comentario