Uso de controles de edición

Parent Previous Next

Los controles de edición son utilizados en los formularios del sistema para que el usuario pueda ingresar datos al mismo. Existen diferentes tipos de controles de acuerdo al tipo de dato a ingresar como se detalla a continuación:


Edición de texto


A continuación se muestra una caja de edición que permite ingresar contenido alfanumérico:


graphic


Tanto para este tipo de cajas de edición, como para las que se mencionarán a continuación, en caso de que se muestren en color grisado indica que el control es de solo lectura, es decir que el usuario no podrá cambiar el contenido de la misma.


graphic


También existen cajas de edición para texto multilínea como la que se muestra a continuación:


graphic


Edición de números


Para ingresar valores numéricos existen cajas de edición especiales que solo admiten el ingreso de valores numéricos.


graphic


Las cajas de edición numéricas en ciertos casos podrán tener a la derecha dos flechitas que permiten incrementar y decrementar el valores respectivamente.


graphic


Ciertas cajas de edición numéricas admiten el ingreso de valores con decimales y valores negativos.


graphic


Edición de valores lógicos


Existen controles denominados cajas de selección que se utilizan para ingresar valores Si/No y en ciertos casos admiten la selección de un tercer estado denominado indefinido. Como se muestra en la siguiente figura un tilde en la caja de selección indica un Si, la ausencia del tilde indica No y en caso de que la caja de selección esté grisada indica estado indefinido.


graphic


Para cambiar por los tres estados mencionados el usuario podrá utilizar la barra espaciadora del teclado o hacer clic con el mouse sobre el control.


Existe un tipo especial de caja de selección de tipo excluyente que admite la selección de una sola alternativa de un grupo como se muestra a continuación, en este caso la caja de edición tiene la forma de un rombo en lugar de un cuadrado, para distinguirlas de las anteriores:


graphic


Edición de fecha y hora


A continuación se mencionan distintas variaciones de controles para editar fechas y horas, comenzaremos con el más común de todos que se muestra en la siguiente figura:


graphic


A la izquierda de la caja de edición en este caso podrá notar una caja de selección, esta caja de selección se visualizará cuando la fecha admita valor nulo. Para indicar un valor nulo deberá sacarle la marca a la caja de edición.


Para ingresar una fecha el usuario podrá ingresar el valor para el día, el mes y el año por medio del teclado o seleccionando una fecha desde el almanaque que se visualiza al hacer clic en la flecha ubicada a la derecha de la caja de edición o presionando la tecla F4.


graphic


El usuario podrá cambiar el mes del almanaque con las flechas ubicadas a izquierda y derecha del nombre del mes para decrementar o incrementar el mes respectivamente o haciendo clic sobre el nombre del mes o sobre el año. Una vez elegido el año y el mes podrá hacer clic sobre el día en el almanaque.


En caso de que se desee seleccionar la fecha actual el usuario podrá hacer clic sobre el texto Today en la parte inferior del almanaque.

  

graphic

En ciertos casos se pueden definir rangos de fechas válidos para la fecha a ingresar, en estos casos el sistema no permitirá el ingreso de una fecha inferior a la mínima o superior a la máxima definida.

Existen también cajas de edición de fechas para editar períodos mes y año como se muestra a continuación:


graphic


En este caso el usuario podrá ingresar el valor para el mes y para el año utilizando el teclado o también utilizando las fechas ubicadas a la derecha de la caja de edición para incrementar o decrementar el valor que elija dentro de la caja de edición.


A continuación se muestran cajas de edición para editar fecha y hora:


graphic graphic


A continuación se muestran cajas de edición para editar horas:


graphic  graphic


Listas


Este tipo de control visualiza para seleccionar uno o más elemento de una lista dependiendo del caso.


graphic


Listas desplegables simples


Este control es similar al anterior con la diferencia de que visualiza y permite seleccionar un solo elemento. Para ver la lista el usuario deberá hacer clic sobre el botón ubicado a la derecha.


graphic


Listas desplegables combinadas


Este tipo de controles se utilizan por lo general para hacer referencia a datos de tablas de la base de datos del sistema y consisten de una caja de edición numérica y una lista desplegable simple que se puede desplegar haciendo clic con el mouse en el botón ubicado a la derecha o presionando la tecla ?.


graphic


Para seleccionar un elemento el usuario podrá ingresar el código que tenga asociado el código del elemento de la lista o seleccionar un elemento de la lista desplegable.

  

graphic

Este tipo de control permite que el usuario que esté familiarizado con los códigos pueda completar rápidamente un formulario y que quien no lo esté pueda usar la lista desplegable como ayuda para seleccionar el elemento.

graphic

Para facilitar la búsqueda de un elemento dentro de la lista el control admite que si el usuario tipea la primera letra del elemento a buscar el sistema se desplace al primer elemento que comienza con esa letra y si sigue presionando esa tecla se desplazará por los restantes elementos que comiencen con esa letra.


Grillas


Una grilla es un control que permite generar una asociación múltiple, en lugar de asociar un único elemento como es el caso de las listas deplegables o datarefs, permite asociar múltiples elementos, uno por cada fila que se agrega. Además este tipo de control puede tener múltiples columnas que representan los atributos de los elementos, esta columnas pueden tener distinto tipo de dato, admitiendo la mayoría de los controles mencionados más arriba, lo que permite que además de la asociación de un elementos ingresar datos asociados a la asociación.


graphic


Para agregar y quitar elementos a la grilla se utilizan los botones Agregar y Eliminar respectivamente.

  

graphic

Las columnas de tipo fecha admiten que haciendo doble clic sobre la fecha dos veces seguidas se abra un almanaque similar al del control de edición de fechas.

graphic

Al estar parado en la última fila y presionar la tecla Abajo del cursor el sistema agregará una nueva fila.

graphic

Al intentar moverse de fila o agregar una nueva fila el sistema validará el contenido de la fila seleccionada, en caso de detectar que falta ingresar algún dato requerido en dicha fila o que algún dato ingresado es inválido no permitirá al usuario realizar la acción.

  

Created with the Personal Edition of HelpNDoc: Produce Kindle eBooks easily