Cómo seleccionar una fila de la lista de datos con botones de opción
En este ejemplo, aprenderás a utilizar botones de opción para seleccionar una fila de datos.
Así es como se construye:
Ver
- Ve a la paleta «Maestros de datos» y haz clic en el botón «+» para crear un nuevo «Maestro de datos», llámalo «Muestra», crea dos atributos: «Nombre» y «Apellidos», haz clic en «Aceptar».
- Haz clic con el botón derecho del ratón en el «Maestro de datos» que acabas de crear y selecciona «Ver y editar registros».
- Escribe los datos de tu ejemplo y pulsa «Ok».
- Selecciona «Lista de datos» de la sección «Contenido dinámico» y colócala en el lienzo, se habilitará la ventana «Nueva lista de datos», y se te pedirá que nombres tu lista, a continuación elige el «Maestro de datos» que has creado y selecciona todos los atributos. Haz clic en «Aceptar» para terminar de crear la lista.
- Desde la biblioteca de widgets básicos, formularios y entradas, selecciona un «Botón de radio», mantén pulsado comando (Mac), control (windows) y arrástralo dentro de la primera fila. Verás un tinte azul cuando arrastres un elemento dentro.
- Coloca dos «Texto» junto a tu «Lista de datos», escribe «Nombre» y «Apellidos», y luego pon dos «Campos de texto de entrada» junto a cada texto.
- Selecciona el «Campo de texto de entrada» y, en la paleta Propiedades, selecciona el borde inferior para hacerlo visible en la simulación, y repite la acción para el segundo «Campo de texto de entrada».
- La cabecera de la «Lista de datos» se puede editar desde la paleta Propiedades para cambiar el fondo y el color del texto.
Eventos
Selecciona el «Botón de radio», y haz clic en «Añadir evento» en la paleta Eventos.
- En el cuadro de diálogo, haz clic en «Elegir activador», pasa el ratón por encima de la sección «Ratón» y selecciona «al hacer clic».
- En «Elegir acción», selecciona «Establecer valor a un elemento» y haz clic en el nombre «Campo de texto de entrada».
- Selecciona el botón de opción «Calculado» para el valor y haz clic en «Añadir expresión».
- Arrastra y suelta la entrada [Sample .Name] dentro del campo del constructor de expresiones. Pulsa «Ok» y «Aceptar» para terminar de crear el evento.
Vuelve a la paleta Eventos, con el botón de opción seleccionado y haz clic en el «+» para añadir un nuevo evento.
- En el cuadro de diálogo, haz clic en «Elegir activador», pasa el ratón por encima de la sección «Ratón» y selecciona «al hacer clic».
- En «Elegir acción», selecciona «Establecer valor a un elemento» y haz clic en el apellido «Campo de texto de entrada».
- Selecciona el botón de opción «Calculado» para el valor y haz clic en «Añadir expresión».
- Arrastra y suelta la entrada [Sample .Last name] dentro del campo del constructor de expresiones. Pulsa «Ok» y «Aceptar» para terminar de crear el evento.
Simula tu prototipo.