Uso de controles de edición
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:
A continuación se muestra una caja de edición que permite ingresar contenido alfanumérico:
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.
También existen cajas de edición para texto multi-línea como la que se muestra a continuación:
Para ingresar valores numéricos existen cajas de edición especiales que solo admiten el ingreso de valores numéricos.
Las cajas de edición numéricas en ciertos casos podrán tener a la derecha dos flechas que permiten incrementar y decrementar el valores respectivamente.
Ciertas cajas de edición numéricas admiten el ingreso de valores con decimales y valores negativos.
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.
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:
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:
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.
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.
|
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:
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:
A continuación se muestran cajas de edición para editar horas:
Este tipo de control visualiza para seleccionar uno o más elementos de una lista dependiendo del caso.
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.
Este tipo de controles se utilizan por lo general para hacer referencia a datos de tablas de la base de datos del sistema y consiste en 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 ?.
Para seleccionar un elemento el usuario podrá ingresar el código que tenga asociado al código del elemento de la lista o seleccionar un elemento de la lista desplegable.
|
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. |
|
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.
|
|
Cada vez que un formulario que contenga controles de este tipo tome el foco, refresca el contenido de todas las listas desplegables que contiene. De esta forma si, por ejemplo, en la lista desplegable falta el elemento que el usuario desea seleccionar, sin cerrar este formulario podrá abrir el ABM correspondiente para actualizar la lista, agregar el elemento y luego volver al formulario. De esta forma, al volver a tomar el foco el formulario, el nuevo elemento se agregará a la lista y entonces el usuario podrá seleccionarlo. |
Este tipo de control es similar al anterior, pero utilizado cuando la cantidad de elementos hace que buscar el mismo en una lista sea un proceso incómodo para el usuario. En este caso, en lugar de la flecha que tienen a la derecha las listas desplegables, tiene un botón que abre una ventana emergente al hacer clic sobre el mismo o cuando el usuario pulsa la tecla ?. Esta ventana emergente permite buscar elementos ingresando patrones de búsqueda.
En la mayoría de los casos, la ventana emergente tendrá la apariencia de la ventana que se muestra a continuación, que permite ingresar una parte del texto del elemento a buscar y utilizar caracteres comodín. En otros casos, dependiendo del tipo de elemento que se está seleccionando, se abrirá un búsqueda específica.
|
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 el formulario emergente para buscar un elemento. |
|
Para agilizar el uso de esta ventana de búsqueda o minimizar el uso del mouse, si el usuario ingresa un texto y presiona Enter, el sistema agregará el caracter comodín % al final del texto, efectuará la búsqueda, y si existen elementos que coincidan, el sistema le dará el foco a la grilla para que el usuario pueda desplazarse con la teclas del cursor. Al encontrar el elemento, el usuario podrá presionar Enter nuevamente para seleccionar el elemento. |
Máscaras
Existen cajas de edición para ingresar valores que tengan una máscara. En el siguiente ejemplo, la caja de edición tiene una máscara que tiene un par de paréntesis, un guión y admite que los primeros tres caracteres sean numéricos, los tres siguientes alfanuméricos y los restantes numéricos. En este caso, el usuario no tiene que ingresar los valores fijos de la máscara como son los paréntesis y el guión, y el sistema validará que en cada posición ingrese solo un tipo de caracter válido de acuerdo a la definición de la máscara.
Edición de colores
Existe un tipo de caja de edición como el que se muestra a continuación que permite la selección de un color:
Para cambiar el color el usuario deberá hacer clic sobre el botón ubicado a la derecha de la caja de edición para abrir el cuadro de selección de colores clásico de Microsoft Windows.
Imágenes
Existe un control por medio del cual el usuario podrá seleccionar una imagen, para lo cual deberá hacer clic con el botón derecho para visualizar el menú emergente desde el cual podrá elegir un archivo de una imagen o limpiar el contenido del control.
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. La grilla 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, y estas columnas pueden tener distintos tipos de datos, admitiendo la mayoría de los controles mencionados más arriba, lo que permite además de la asociación de un elemento, ingresar datos relacionados a la asociación.
Para agregar y quitar elementos a la grilla se utilizan los botones Agregar y Eliminar respectivamente.
|
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. |
|
Al estar parado en la última fila y presionar la tecla Abajo del cursor, el sistema agregará una nueva fila. |
|
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. |
Existe un tipo especial de grilla que se utiliza en algunos ABMs para asociar permisos a cada ficha en particular que administra el ABM. Esta grilla tiene la apariencia que se muestra a continuación:
Al hacer clic al botón Agregar, en este caso el sistema visualizará la ventana que se muestra a continuación:
Este formulario permite agregar y quitar permisos para grupos de trabajo y usuarios. A continuación se detallan los controles que contiene:
Grupos / Usuarios disponibles: Esta grilla informa los grupos de trabajo y opcionalmente, usuarios disponibles. Tiene las siguientes columnas:
Icono: Un icono que identifica si se trata de un usuario o un grupo de usuarios.
Identificador: Identificador del grupo de trabajo o del usuario según corresponda.
Nombre completo: Nombre completo del grupo de trabajo o del usuario según corresponda.
Asociados a la grilla existen además los siguientes botones:
Agregar: Agregar el grupo de trabajo o usuario seleccionado utilizando los permisos seleccionados en la lista desplegable Tipo de acceso ubicada debajo de la grilla. Al agregar un grupo de trabajo o usuario este desaparecerá de la grilla de disponibles.
Ocultar/Mostrar usuarios: Permite ocultar o mostrar los usuarios, por lo general y para facilitar el control de los permisos, es recomendable hacer las asignaciones a nivel de grupos de trabajo.
Miembros: Este botón se habilita al seleccionar un grupo de trabajo y permite visualizar los miembros de dicho grupo de trabajo.
Buscar: Abre una ventana para buscar grupos de trabajo y usuarios.
Grupos / usuarios asignados: Esta grilla informa los grupos de trabajo y usuarios que han sido asignados. Además de las mismas columnas que la grilla anterior, tiene la siguiente columna:
Tipo de acceso: Indica el tipo de acceso con que se asignó el grupo de trabajo o usuario.
Asociado a esta grilla existe el siguiente botón:
Eliminar: Este botón quita el grupo de trabajo o usuario seleccionado y lo vuelve a agregar a la grilla anterior.
A continuación se detallan los botones del formulario:
Aceptar: Confirma las asignaciones realizadas reflejando los cambios en la grilla de permisos y cierra la ventana.
Cancelar: Cierra la ventana descartando las asignaciones realizadas.
Created with the Personal Edition of HelpNDoc: Easy EBook and documentation generator
