Temas a desarrollar: CHECKEDBOX LIST RADIO BUTTOM

Presentación del tema: "Temas a desarrollar: CHECKEDBOX LIST RADIO BUTTOM"— Transcripción de la presentación:

1 Temas a desarrollar: CHECKEDBOX LIST RADIO BUTTOM

2 CHECKEDBOX LIST

3 CHECKEDBOX LIST Se pueden utilizar dos tipos de controles ASP.NET para agregar casillas de verificación a una página de formularios Web: controles CheckBox individuales o un control CheckBoxList. Ambos controles proporcionan una forma para que los usuarios introducir datos booleano: verdadero o falso, sí o no. Para entender como funcionan estos controles también tenemos que saber como funciona el control Checkbox y como se diferencia al control CheckboxList para ello deberemos ver sus eventos y como se relacionan.

4 Eventos de Checkbox Los eventos funcionan de forma diferente en los controles CheckBox individuales y en el control CheckBoxList.

5 Controles de checkbox individuales.
Los controles CheckBox individuales desencadenan el evento CheckedChanged cuando el usuario hace clic en el control. De forma predeterminada, este evento no envía la página al servidor, aunque es posible forzar el envío inmediato si se establece la propiedad AutoPostBack en true. Tanto si el control CheckBox hace envíos al servidor como si no los hace, puede que no sea necesario crear un controlador para el evento CheckedChanged. Puede comprobar qué casilla de verificación se ha seleccionado en el controlador. Normalmente, sólo se crea un controlador de eventos para el evento CheckedChanged si es necesario conocer qué casilla de verificación se ha modificado, y no para leer solamente el valor de una casilla de verificación.

6 Cuando el control CheckBox se representa en el explorador, lo hace en dos partes: en un elemento input que representa la casilla de verificación y en un elemento label distinto que representa el título de esta casilla de verificación. La combinación de los dos elementos está incluida a su vez en un elemento span. Cuando aplica la configuración de estilo o de los atributos a un control CheckBox, ésta se aplica al elemento span exterior. Por ejemplo, si establece la propiedad BackColor del control, la configuración se aplica al elemento span y, por tanto, afecta a los atributos internos input y label.

7 Control CheckedBoxList
Por el contrario, el control CheckBoxList desencadena un evento SelectedIndexChanged cuando los usuarios activan cualquier casilla de verificación de la lista. De forma predeterminada, este evento no envía el formulario al servidor, aunque se puede especificar esta opción estableciendo la propiedad AutoPostBack en true. Como sucede con los controles CheckBox individuales, es más habitual comprobar el estado del control CheckBoxList una vez que se ha enviado el control de algún otro modo. propiedad caption de Checkbox. La propiedad del CheckBox que visualiza el texto en el control se llama Caption. Para establecerla se realiza desde la ventana de Propiedades de Visual Basic , o en tiempo de ejecución de esta manera: Por ejemplo si quisiéremos hacerlo en el evento Load del Formulario , DobleClick sobre el form y en el procedimiento Form_Load:

8 1.Private Sub Form_Load()
2.   3.  Check1.Caption = "Es usted mayor de edad"   4. Check2.Caption = "¿ Tiene hijos ?"   Check3.Caption = "¿ Estudió alguna carrera ?"   6.  7. End Sub 

9 Propiedad Value de Checkedbox.
La principal propiedad de este control es la propiedad Value. Esta propiedad devuelve y establece el valor seleccionado. Esta tiene 3 posibles valores: 0 - UnChecked 1 - Checked 2 - Grayed

10 Las mas utilizadas son la 0 - UnChecked y 1 - Checked
Las mas utilizadas son la 0 - UnChecked y 1 - Checked. Cuando está en 0, el checkbox no está tildado o checkeado, cuando está en 1 se muestra marcado. Siguiendo con el ejemplo anterior de la encuesta, un ejemplo que no tiene ningún sentido pero que te de una idea mas clara de como usar este control. Agrega en un formulario 3 controles CheckBox como muestra la imagen , un botón Command1 para mostrar el resultado y un control textBox llamado Text1 para ingresar un nombre.

11 Option Explicit      Private Sub Command1_Click()              ' -- Esta variable almacenará los datos para mostrar       ' -- el resultado al final de la rutina       Dim Resultado As String       ' -- Esto verificará si el text1 no está vacio y se ha ingresado un nombre       If Text1 = "" Then           ' -- si está vacío mostramos el mensaje           MsgBox "Debe ingresar un nombre", vbExclamation, "Encuesta"           ' -- Mediante Exit Sub salimos de la rutina para           ' -- no ejecutar las líneas que debajo           Exit Sub       End If       ' -- Ahora guardamos en la Variable Resultado el nombre que       ' -- se ingresó en el control text1       Resultado = "Su nombre es " & Text1 & vbNewLine  

12     ' -- Evaluamos el Check1 (mayor de edad)  
    If Check1.Value = 0 Then           Resultado = Resultado & "Usted no es mayor de edad"       Else           Resultado = Resultado & "Usted es mayor de edad"       End If          ' -- Le agregamos a la variable resultado un salto de carro o salto de línea       Resultado = Resultado & vbNewLine       ' -- Evaluamos el Check2 (Si tiene hijos )       If Check2.Value = 0 Then           Resultado = Resultado & "Usted no tiene Hijos"           Resultado = Resultado & "Usted tiene hijos"       ' -- Otro salto de carro       ' -- Evaluamos el Check3 (si estudió)       If Check3.Value = 0 Then           Resultado = Resultado & "Usted no estudió una Carrera"           Resultado = Resultado & "Usted estudió una Carrera"  

13     ' -- Mostramos el valor de la variable Resultado con la información  
    MsgBox Resultado, vbInformation, "Encuesta"      End Sub   Private Sub Form_Load()       ' -- Establecer Caption  de los controles       Command1.Caption = "Mostrar resultados"       Check1.Caption = "¿ Es usted mayor de edad ?"       Check2.Caption = "¿ Tiene hijos ?"       Check3.Caption = "¿ Estudió alguna carrera ?"       Text1.Text = vbNullString  

14 Eventos de CheckBox DragDrop: Ocurre cuando finaliza una operación de arrastrar y colocar. DragOver: Ocurre cuando la operación de arrastrar y colocar está en curso GotFocus: Ocurre cuando el checkBox recibe el enfoque LostFocus : Ocurre cuando el checkBox pierde el enfoque. KeyDown: Ocurre al presionar una tecla mientras el checkBox tiene el enfoque. KeyPress : Ocurre al presionar y liberar una tecla ANSI. KeyUp : Ocurre cuando se libera una tecla mientras el checkBox tiene el enfoque. MouseDown : Cuando el usuario presiona el botón del mouse mientras el checkBox tiene el enfoque. MouseUp: Cuando se libera el botón del mouse mientras tiene el enfoque. Validate : Ocurre cuando el control checkBox pierde el enfoque en favor de un control que produce una validación.

15 RADIO BUTTOM

16 RADIO BUTTOM El control RadioButton permite a los usuarios seleccionar opciones de entre un pequeño conjunto de opciones predefinidas mutuamente excluyentes. Caracteristicas. Puede utilizar los controles CheckBox y CheckBoxList para hacer lo siguiente: Generar una devolución de datos de página cuando se selecciona un botón de opción. Capturar la interacción del usuario cuando un usuario selecciona un botón de opción. Enlazar cada botón de opción a los datos de una base de datos.

17 Puede utilizar dos tipos de controles de servidor Web para agregar botones de opción a una página Web ASP.NET: controles RadioButton individuales o un control RadioButtonList. Ambos controles permiten a los usuarios seleccionar opciones de entre un pequeño conjunto de opciones predefinidas mutuamente excluyentes. Los controles permiten definir cualquier número de botones de opción con etiquetas y organizarlos de forma horizontal o vertical. Puede agregar controles RadioButton individuales a una página y utilizarlos por separado. Normalmente, agrupará dos o más botones individuales. Como alternativa, puede usar el control RadioButtonList, que es un control único que actúa como control primario de una colección de elementos de lista de botones de opción. Se deriva de la clase ListControl base. Por lo tanto, funciona como los controles de servidor web ListBox, DropDownList, BulletedList y CheckBoxList. Muchos de los procedimientos que se usan al trabajar con el control RadioButtonList son los mismos que se usan con otros controles de lista de servidor web.

18 Eventos RadioButtom y RadioButtom List
Ambos tipos de controles ofrecen una serie de ventajas. Si usa controles RadioButton individuales, tendrá un mayor control sobre el diseño del grupo de botones de opción que si usa el control RadioButtonList. Por ejemplo, puede incluir texto que no pertenezca a botones de opción entre los botones de opción. Es preferible que use el control RadioButtonList si desea crear un grupo de botones de opción basado en datos de un origen de datos. También resulta algo más fácil escribir código que determine qué botón se ha seleccionado. Eventos RadioButtom y RadioButtom List Los eventos funcionan de forma diferente en los controles RadioButton individuales y en el control RadioButtonList.

19 Controles Radio Buttom
Los controles RadioButton individuales desencadenan el evento CheckedChanged cuando el usuario hace clic en el control. (Este evento se hereda del control CheckBox.) De forma predeterminada, este evento no expone la página en el servidor. Sin embargo, puede obligar al control a realizar una devolución de datos inmediata estableciendo la propiedad AutoPostBack en true. Es posible que no necesite crear un controlador de eventos para el evento CheckedChanged. Puede probar qué botón de opción está seleccionado en cualquier código que se ejecute como parte de la página. Normalmente, sólo tendrá crear un controlador de eventos para el evento CheckedChanged si necesita saber qué botón de opción se ha modificado, y no simplemente para leer la selección actual.

20 Control RadioButtom List
El control RadioButtonList desencadena un evento SelectedIndexChanged cuando los usuarios cambian el botón de opción seleccionado en la lista. De forma predeterminada, el evento no expone la página en el servidor. Sin embargo, puede obligar al control a realizar una devolución de datos inmediata estableciendo la propiedad AutoPostBack en true. Como sucede con los controles RadioButton individuales, es más habitual comprobar el estado del control RadioButtonList una vez que se haya expuesto la página de algún otro modo.

21 Ejemplo de RadioButtom

22 A continuación, se muestra el código y para comprender el uso de los RadioButtom.

23 ¡Gracias por su atención prestada !