tutor test interfaz - velneo: plataforma de desarrollo de...

Índice

Introducción..................................................................................................................................................................... 3Interfaz del proyecto........................................................................................................................................................ 3

Interactuar con las acciones del proyecto...................................................................................................................... 4Activar la búsqueda de colores .................................................................................................................................. 4Desactivar la búsqueda de colores ............................................................................................................................ 5Ejecutar la búsqueda de colores ................................................................................................................................ 5Es visible la búsqueda de colores .............................................................................................................................. 5Está activa la búsqueda de colores............................................................................................................................ 5Mostrar la búsqueda de colores ................................................................................................................................. 5Ocultar la búsqueda de colores.................................................................................................................................. 5

Interactuar con el marco principal del proyecto ............................................................................................................. 5Activar foco en edit del dock saludo........................................................................................................................... 8Quitar foco del edit del dock saludo ........................................................................................................................... 8Desactivar botón del dock saludo .............................................................................................................................. 8Activar botón del dock saludo .................................................................................................................................... 8Desactivar formulario del dock saludo ....................................................................................................................... 9Activar formulario del dock saludo ............................................................................................................................. 9Es visible el formulario del dock saludo ..................................................................................................................... 9Está activo el formulario del dock saludo ................................................................................................................... 9Ocultar formulario del dock saludo............................................................................................................................. 9Mostrar formulario del dock saludo ............................................................................................................................ 9Poner en negrita todos los controles .......................................................................................................................... 9Poner en normal todos los controles .......................................................................................................................... 9Aplicar hoja de estilo CSS al edit del dock saludo ..................................................................................................... 9Quitar hoja de estilo CSS al edit del dock saludo ...................................................................................................... 9Aplicar colores seleccionados a la lista en dock ........................................................................................................ 9Quitar colores seleccionados de la lista en dock ..................................................................................................... 10Limpiar multi-selección en lista de colores ............................................................................................................... 10Lanzar formulario alta rejilla color del dock .............................................................................................................. 10Lanzar formulario modificación color del dock ......................................................................................................... 10Lanzar formulario baja color del dock ...................................................................................................................... 10Mostrar los colores seleccionados en el dock .......................................................................................................... 10Ocultar toolbar principal ........................................................................................................................................... 10Mostrar toolbar principal ........................................................................................................................................... 10Ocultar marco........................................................................................................................................................... 11

Interactuar con un multivista ........................................................................................................................................ 11Aplicar hoja de estilo CSS a la rejilla de provincias ................................................................................................. 12Quitar hoja de estilo CSS a la rejilla de provincias................................................................................................... 12Mostrar rejilla de poblaciones................................................................................................................................... 12Ocultar rejilla de poblaciones ................................................................................................................................... 12¿Está visible la rejilla de poblaciones?..................................................................................................................... 12Activar rejilla de poblaciones.................................................................................................................................... 13Desactivar rejilla de poblaciones.............................................................................................................................. 13¿Está activa la rejilla de poblaciones? ..................................................................................................................... 13Activar foco rejilla de poblaciones ............................................................................................................................ 13Quitar foco rejilla de poblaciones ............................................................................................................................. 13Aplicar paleta a rejilla de provincias ......................................................................................................................... 13Ver ítems seleccionados en las dos rejillas.............................................................................................................. 13Lanzar formulario alta rejilla poblaciones ................................................................................................................. 13Lanzar formulario modificación color del dock ......................................................................................................... 13Lanzar formulario baja color del dock ...................................................................................................................... 14Obtener multi-selección en rejilla de poblaciones .................................................................................................... 14Limpiar multi-selección en rejilla de poblaciones ..................................................................................................... 14

Interactuar con rejillas en separadores........................................................................................................................ 14Aplicar colores seleccionados a la lista en Rejilla 2 ................................................................................................. 15Quitar colores seleccionados a la lista en Rejilla2 ................................................................................................... 16Limpiar multi-selección en Rejilla 2 .......................................................................................................................... 16Inhabilitar subformulario Rejilla 2 ............................................................................................................................. 16Habilitar subformulario Rejilla 2................................................................................................................................ 17¿Está habilitado el subformulario Rejilla 2? ............................................................................................................. 17Atrapar pulsación de botones incluidos en los subformularios Rejilla 1 y Rejilla 2 .................................................. 17

Comandos de interfaz de guardado de ficha ............................................................................................................... 18

Tutor de comandos de interfazPágina 1 de 21

Pol. Ind. A Granxa, Edificio vCenterRúa D, esquina paralela 336400 Porriño (Pontevedra)España

Telf. (+34) 902 36 63 [email protected]

Velneo, S.A. C.I.F. A-36494706. Inscrita en el Registro Mercantil de Pontevedra, al Tomo 3085, Libro 3085, Folio 90, Hoja PO-37578, primera inscripción

mailto:[email protected]

http://velneo.es

Guardar cambios sin salir:........................................................................................................................................ 21Guardar cambios y salir:........................................................................................................................................... 21

Dock saludo ................................................................................................................................................................. 21






http://velneo.es

IntroducciónEste tutor es una muestra de cómo podemos interactuar con el interfaz de nuestras aplicaciones tanto desde procesoscomo desde eventos de interfaz. Para ello se hace uso del grupo de comandos de instrucción de proceso de Interfaz.

El tutor está ha sido estructurado en función de los objetos con los que podemos interactuar. Explicaremos cómoutilizarlo en ejecución e identificando dónde podemos encontrar los distintos objeto en edición.

Interfaz del proyectoEste es el aspecto que tiene el proyecto cuando lo ejecutamos:

A continuación iremos explicando cada una de las opciones del mismo que podemos ejecutar y probar.






http://velneo.es

En la parte superior del formulario principal se incluyen botones para acceder a las distintas opciones de pruebas. Acontinuación iremos explicando cada una de ellas.

Interactuar con las acciones del proyectoNos permite interactuar con acciones usadas en el proyecto. Podemos realizar las mismas pruebas tanto desdeprocesos declarados en el proyecto como desde eventos de interfaz declarados en este formulario.

Todos los procesos disparados desde este formulario se encuentran localizados en la siguiente carpeta el proyecto deaplicación:

Todos los eventos de interfaz disparados están incluidos en el formulario INTERFAZ_ACCION contenido en estamisma carpeta.

En este caso todos ellos actuarán sobre la búsqueda de colores, que se corresponde con la primera acción de la toolbarprincipal del proyecto:

A continuación pasamos a describir cada una de las opciones disponibles.

Activar la búsqueda de coloresHabilita la acción que dispara la búsqueda de colores. Para ello se hace uso del comando de instrucción de procesoInterfaz: Habilitar acción. Si la acción estuviese deshabilitada, al pulsar este botón se habilitaría nuevamente en latoolbar principal.






http://velneo.es

Desactivar la búsqueda de coloresDeshabilita la acción que dispara la búsqueda de colores. Para ello se hace uso del comando de instrucción de procesoInterfaz: Deshabilitar acción. Al pulsar este botón se deshabilitaría la opción correspondiente de la toolbar principal.

Ejecutar la búsqueda de coloresEjecuta la acción que dispara la búsqueda de colores. Para ello se hace uso del comando de instrucción de procesoInterfaz: Ejecutar acción.

Es visible la búsqueda de coloresComprueba si está visible o no la acción que dispara la búsqueda de colores. Para ello se hace uso del comando deinstrucción Interfaz: ¿Está visible la acción?.

Está activa la búsqueda de coloresComprueba si está habilitada o no la acción que dispara la búsqueda de colores. Para ello se hace uso del comando deinstrucción Interfaz: ¿Está habilitada la acción?.

Mostrar la búsqueda de coloresMuestra la acción que dispara la búsqueda de colores. Para ello se hace uso del comando de instrucción de procesoInterfaz: Mostrar acción. Si la acción estuviese oculta, al pulsar este botón aparecería nuevamente en la toolbarprincipal.

Ocultar la búsqueda de coloresOculta la acción que dispara la búsqueda de colores. Para ello se hace uso del comando de instrucción de procesoInterfaz: Ocultar acción. Al pulsar este botón la acción desaparecerá de la toolbar principal.

Interactuar con el marco principal del proyecto






http://velneo.es

Nos permitirá intentar actuar con los distintos docks declarados dentro del marco principal del proyecto.

Todos los procesos disparables desde este formulario interactúan con el dock siguiente:






http://velneo.es

Todos los procesos disparados desde este formulario se encuentran localizados en la siguiente carpeta el proyecto deaplicación:






http://velneo.es

Los eventos de interfaz se encuentran todos asociados al formulario INTERFAZ_MARCO.

A continuación pasamos a describir cada una de las opciones disponibles:

Activar foco en edit del dock saludoSe trata de un proceso que mediante el comando Interfaz: Establecer foco lleva el foco al control de edición incluido enel dock saludo.

Quitar foco del edit del dock saludoSe trata de un proceso que mediante el comando Interfaz: Quitar foco quita el foco del control de edición incluido en eldock del saludo.

Desactivar botón del dock saludoSe trata de un proceso que mediante el comando Interfaz: Deshabilitar deshabilita el botón incluido en el dock saludo.

Activar botón del dock saludoSe trata de un proceso que mediante el comando Interfaz: Habilitar habilita el botón incluido en el dock saludo.






http://velneo.es

Desactivar formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: Deshabilitar deshabilita el formulario incluido en el docksaludo.

Activar formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: Habilitar habilita el formulario incluido en el dock saludo.

Es visible el formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: ¿Es visible? comprueba si el formulario incluido en el docksaludo es o no visible.

Está activo el formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: ¿Está Habilitado? comprueba si el formulario incluido en eldock saludo está o no habilitado.

Ocultar formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: Ocultar oculta el formulario incluido en el dock saludo.

Mostrar formulario del dock saludoSe trata de un proceso que mediante el comando Interfaz: Mostrar hace visible el formulario incluido en el dock saludo.

Poner en negrita todos los controlesSe trata de un proceso que mediante el comando Interfaz: Set fuente aplica una fuente de estilo negrita a todos loscontroles del marco principal de la aplicación.

Poner en normal todos los controlesSe trata de un proceso que mediante el comando Interfaz: Set fuente aplica una fuente de estilo normal a todos loscontroles del marco principal de la aplicación.

Aplicar hoja de estilo CSS al edit del dock saludoSe trata de un proceso que mediante el comando Interfaz: Establecer hoja de estilo CSS aplica un css al formularioincluido en el dock saludo.

Quitar hoja de estilo CSS al edit del dock saludoSe trata de un proceso que mediante el comando Interfaz: Establecer hoja de estilo CSS quita el css aplicado en elproceso anterior al formulario incluido en el dock saludo.

Aplicar colores seleccionados a la lista en dockEvento de interfaz que mediante el uso de los comandos Interfaz: Procesar e Interfaz: Añadir ficha a la multi-selección, muestra en la rejilla incluida en el dock llamado Lista de colores los colores que hayamos seleccionado en larejilla incrustada en el formulario en curso.






http://velneo.es

El comando Interfaz: Limpiar la multi-selección lo que hace es desmarcar los registros seleccionados en la rejillaincrustada en el formulario en curso.

Quitar colores seleccionados de la lista en dockEvento de interfaz que mediante el uso de los comandos Interfaz: Procesar e Interfaz: Quitar ficha de la multi-selección, quita, en la rejilla incluida en el dock llamado Lista de colores, la selección de los colores que hayamosseleccionado en la rejilla incrustada en el formulario en curso.


Limpiar multi-selección en lista de coloresEvento de interfaz que mediante el uso del comando Interfaz: Limpiar la multi-selección, quita las selección de losregistros que haya seleccionados en la rejilla incluida en el dock llamado Lista de colores.

Lanzar formulario alta rejilla color del dockEvento de interfaz que mediante el uso del comando Interfaz: Formulario de alta, presenta el formulario asociado alevento de alta en la rejilla incluida en el dock llamado Lista de colores.

Lanzar formulario modificación color del dockEvento de interfaz que mediante el uso del comando Interfaz: Formulario de modificación, presenta el formularioasociado al evento de modificación en la rejilla incluida en el dock llamado Lista de colores. Para que este evento seafuncional será necesario tener seleccionado un elemento en dicha rejilla.

Lanzar formulario baja color del dockEvento de interfaz que mediante el uso del comando Interfaz: Formulario de baja, presenta el formulario asociado alevento de baja en la rejilla incluida en el dock llamado Lista de colores. Para que este evento sea funcional seránecesario tener seleccionado un elemento en dicha rejilla.

Mostrar los colores seleccionados en el dockEvento de interfaz que mediante el uso del comando Interfaz: Obtener la multi-selección, presenta la lista de loselementos seleccionados en la rejilla incluida en el dock llamado Lista de colores.

Ocultar toolbar principalEvento de interfaz proceso que mediante el comando Interfaz: Ocultar oculta la toolbar principal de la aplicación.

Mostrar toolbar principalEvento de interfaz proceso que mediante el comando Interfaz: Mostrar hace visible la toolbar principal de la aplicación.






http://velneo.es

Ocultar marcoEvento de interfaz proceso que mediante el comando Interfaz: Ocultar oculta durante unos segundos el marco principalde la aplicación.

Estas mismas pruebas podremos realizarla mediante un formulario modal, que podremos obtener si disparamos labúsqueda Colores test interfaz de la toolbar principal del proyecto y, en la rejilla resultante, editamos una fichacualquiera.

Interactuar con un multivista

Se trata de un ejemplo que nos muestra cómo podemos interactuar con los distintos objetos contenidos en un objeto tipoMultivista. En este ejemplo, el multivista está compuesto por dos rejillas, una de provincias y otra de poblaciones.

Todos los eventos disparados desde este formulario se encuentran localizados en la siguiente carpeta el proyecto deaplicación:






http://velneo.es

Las opciones disponibles son:

Aplicar hoja de estilo CSS a la rejilla de provinciasSe trata de un evento de interfaz que mediante el comando Interfaz: Establecer hoja de estilo CSS aplica un css a laprimera rejilla del multivista (provincias).

Quitar hoja de estilo CSS a la rejilla de provinciasSe trata de un evento de interfaz que mediante el comando Interfaz: Establecer hoja de estilo CSS quita el cssaplicado en el proceso anterior a la primera rejilla del multivista (provincias).

Mostrar rejilla de poblacionesEvento de interfaz proceso que mediante el comando Interfaz: Mostrar hace visible la segunda rejilla del multivista(poblaciones).

Ocultar rejilla de poblacionesEvento de interfaz proceso que mediante el comando Interfaz: Ocultar oculta la segunda rejilla del multivista(poblaciones).

¿Está visible la rejilla de poblaciones?Se trata de un evento de interfaz que mediante el comando Interfaz: ¿Es visible? comprueba si la rejilla de poblacionesdel objeto multivista está o no visible.






http://velneo.es

Activar rejilla de poblacionesSe trata de un evento de interfaz que mediante el comando Interfaz: Habilitar habilita la rejilla de poblaciones delmultivista.

Desactivar rejilla de poblacionesSe trata de un evento de interfaz que mediante el comando Interfaz: Deshabilitar deshabilita la rejilla de poblaciones delmultivista.

¿Está activa la rejilla de poblaciones?Se trata de un evento de interfaz que mediante el comando Interfaz: ¿Está habilitado? comprueba si la rejilla depoblaciones del objeto multivista está o no habilitada.

Activar foco rejilla de poblacionesSe trata de un evento de interfaz que mediante el comando Interfaz: Establecer foco activa el foco de la rejilla depoblaciones del multivista.

Quitar foco rejilla de poblacionesSe trata de un evento de interfaz que mediante el comando Interfaz: Quitar foco quita el foco de la rejilla de poblacionesdel multivista.

Aplicar paleta a rejilla de provinciasEvento de interfaz que mediante el comando Interfaz: Establecer paleta aplica una paleta de colores personalizada a larejilla de provincias del multivista.

Ver ítems seleccionados en las dos rejillasSe trata de un proceso que mediante el comando Interfaz: Procesar recorre los registros seleccionados en las dosrejillas del multivista y presenta un mensaje con el resultado.

Lanzar formulario alta rejilla poblacionesEvento de interfaz que mediante el uso del comando Interfaz: Formulario de alta, presenta el formulario asociado alevento de alta en la rejilla de poblaciones del multivista.

Lanzar formulario modificación color del dockEvento de interfaz que mediante el uso del comando Interfaz: Formulario de modificación, presenta el formularioasociado al evento de modificación de la rejilla de poblaciones del multivista. Para que este evento sea funcional seránecesario tener seleccionado un elemento en dicha rejilla.






http://velneo.es

Lanzar formulario baja color del dockEvento de interfaz que mediante el uso del comando Interfaz: Formulario de baja, presenta el formulario asociado alevento de baja de la rejilla de poblaciones del multivista. Para que este evento sea funcional será necesario tenerseleccionado un elemento en dicha rejilla.

Obtener multi-selección en rejilla de poblacionesEvento de interfaz que mediante el uso del comando Interfaz: Obtener la multi-selección devuelve los registrosseleccionados en la rejilla de poblaciones del multivista.

Limpiar multi-selección en rejilla de poblacionesEvento de interfaz que mediante el uso del comando Interfaz: Limpiar la multi-selección quita la selección de losregistros seleccionados previamente en la rejilla de poblaciones del multivista.

Interactuar con rejillas en separadores






http://velneo.es

Se trata de un ejemplo que nos muestra cómo podemos interactuar con controles incluidos dentro de subcontroles dedistintos de un formulario, en este caso, dentro de un separador de subformularios.

En este caso operaremos con rejillas incluidas en distintos separadores y atraparemos señales disparadas desde losformularios incluidos en los separadores.


Las opciones disponibles son:

Aplicar colores seleccionados a la lista en Rejilla 2Evento de interfaz que mediante el uso de los comandos Interfaz: Procesar e Interfaz: Añadir ficha a la multi-selección, muestra en la rejilla incluida en el subformulario Rejilla 2 que hayamos seleccionado en la rejilla incrustadaen el subformulario Rejilla 1.






http://velneo.es


Quitar colores seleccionados a la lista en Rejilla2Evento de interfaz que mediante el uso de los comandos Interfaz: Procesar e Interfaz: Quitar ficha de la multi-selección, quita, en la rejilla incluida en el separador Rejilla 2, la selección de los colores que hayamos seleccionado enla rejilla incrustada en el subformulario Rejilla 1.


Limpiar multi-selección en Rejilla 2Evento de interfaz que mediante el uso de los comandos Interfaz: Procesar e Interfaz: Añadir ficha a la multi-selección, muestra en la rejilla incluida en el subformulario Rejilla 2 que hayamos seleccionado en la rejilla incrustadaen el subformulario Rejilla 1.

Inhabilitar subformulario Rejilla 2Evento de interfaz que mediante el uso del comando Interfaz: Habilitar el subcontrol del contenedor de formulariosinhabilita el subformulario Rejilla 2, esto es, lo oculta detrás del otro y no deja acceder al mismo.

Este comando se usa tanto para habilitar como para inhabilitar un subformulario, haciendo uso para ello de la condiciónque se estableca en el parámetro Fórmula condición. En dicho parámetro debemos especificar una expresión condicional.Si el resultado de su evaluación es 1, el control será habilitado, si es 0 será inhabilitado. En este ejemplo, hemos puestocomo condición directamente un 0, lo que hará que el formulario sea inhabilitado.

Al ejecutar el evento el subformulario será inhabilitado y no podrá accederse a él.






http://velneo.es

Habilitar subformulario Rejilla 2El evento disparado en este caso es idéntico al anterior, con la diferencia que en el parámetro Fórmula condición se haestablecido el valor 1.

¿Está habilitado el subformulario Rejilla 2?Evento de interfaz que mediante el uso del comando Interfaz: ¿Está habilitado el subcontrol del contenedor deformularios? comprueba si el subformulario Rejilla 2 está o no inhabilitado. Devolverá un 1 si el subformulario estáhabilitado o un 0 si no lo está.

Atrapar pulsación de botones incluidos en los subformularios Rejilla 1 y Rejilla 2

En el formulario principal hemos declarado un evento de interfaz llamadoINTERFAZ_PULSADO_BOTON_SUBFORMULARIO_01 que lo que hace es modificar una variable local del formulariocon el texto siguiente:

El contenido de esta variable local es pintada en la parte inferior del formulario principal.

El formulario tiene declarada una conexión de evento que se dispara con la señal botón pulsado asociada al botónincluido en el subformulario INTERFAZ_REJILLAS_SUB_FORM_REJ_01 que dispara este evento.

De este modo, cuando el usuario pulse el botón incluido en el subformulario de la primera pestaña, se disparará esteevento y se mostrará el mensaje en la parte inferior del formulario principal:






http://velneo.es

Hemos programado subobjetos idénticos para atrapar la pulsación del botón incluido en el otro subformulario incluido enel separador.

Comandos de interfaz de guardado de ficha






http://velneo.es







http://velneo.es

Este formulario incluye solamente una rejilla dede la que podremos tanto dar de alta como modificar registros mediante elformulario siguiente (PROVINCIA):






http://velneo.es

Como puede verse en la captura anterior el formulario incluye dos botones: "Guardar cambios sin salir" y "Guardarcambios y salir", que disparan sendos eventos de interfaz:

Guardar cambios sin salir:El evento usa el comando de instrucción Interfaz: Guardar ficha en alta o modificación. Este comando lo que hace esguardar cambios en la ficha que está siendo editada pero mantiene abierto el formulario para que el usuario pueda seguireditándola.

Guardar cambios y salir:El evento usa el comando de instrucción Interfaz: Aceptar. Este comando lo que hace es guardar cambios en la fichaque está siendo editada y cierra el formulario.

Dock saludo

El formulario incluido en el Dock Saludo, cuyo identificador es SALUDO, el botón "¡Púlsame!" dispara el siguiente evento:

Este evento lo que hace es presentar un mensaje cuyo contenido variará en función de si el campo NAME está o novacío.

Si está vacío, llevará el foco al control de edición de dicho campo.






http://velneo.es

tutor test interfaz - velneo: plataforma de desarrollo de...

Documents