Componentes de pantalla (Extended controls)
|
|
|
- Elisa Prado Aguirre
- hace 8 años
- Vistas:
Transcripción
1 Componentes de pantalla (Extended controls) Además de los controles comunes que tenemos disponibles en la toolbox GeneXus nos permite crear nuestros propios controles o usar controles creados por otros, los llamados user controls. Los User Controls (también denominados Extended Controls) nos permiten crear aplicaciones con interfaces de usuario ricas y fáciles de usar, por ejemplo incorporando menúes, mapas, gráficas, calendarios, diagramas y otra serie de recursos. Page1
2 En este curso veremos cómo usar un user control para crear una galería de imágenes. Supongamos que la agencia de viajes nos ha solicitado ver las atracciones turísticas que puede ofrecer, a través de una pantalla donde se pueda navegar fácilmente entre las imágenes disponibles. Page2
3 Lo primero que vamos a hacer para crear una galería de imágenes es crear un Web Panel donde vamos a situar a dicha galería. Para eso creamos un objeto, elegimos el tipo webpanel y lo llamamos AttractionGallery. Ahora vamos a la toolbox y arrastramos un control del tipo galería de imágenes al formulario del Web Panel. Page3
4 Observamos que con esta acción se nos creó también un tipo de datos estructurado llamado ImagesData y GeneXus también nos creó automáticamente dos variables donde se van a guardar la colección de imágenes y el ítem seleccionado. Page4
5 Para cargar la colección a partir de los datos de las atracciones, vamos a crear un objeto del tipo Data Provider. Lo llamamos DataProviderAttractionGallery. Page5
6 Ahora arrastramos el tipo de datos estructurado ImageData sobre el Data Provider y ya tenemos la estructura pronta para cargar. Vamos a poner como Id al identificador de la atracción (AttractionId). Como todos los miembros del SDT ImageData son del tipo carácter, convertimos el valor de AttractionId a string usando la función ToString(). Page6
7 Ahora asignamos a la foto de la atracción, como imagen. Como debemos cargar en el miembro Image a la URL de la imagen, usamos la propiedad ImageURI del atributo AttractionPhoto. Asignamos el mismo valor al miembro Thumbnail, que almacenará una imagen pequeña de la foto. Y al miembro Caption le asignaremos el nombre de la atracción turística, es decir AttractionName. Page7
8 Salvamos esto que hicimos y vamos a personalizar algunas propiedades del user control Image Gallery. Vamos a modificar su ancho (ponemos 1000), el alto (le damos el valor 500) y la forma en que queremos que se vea la galería en la pantalla (seleccionamos Slider). Por último, vamos a los eventos para invocar al Data Provider, para que cargue la colección. Borremos este código de ejemplo. Y en el evento Start, asignemos a la variable &ImageData el resultado que devuelve el DataProvider que creamos, es decir la colección de atracciones almacenada en la base de datos. Page8
9 Salvamos y ejecutamos la aplicación. Seleccionamos el link Attraction Gallery y vemos nuestra galería de imágenes en funcionamiento. Page9
10 Acabamos de ver como creamos en muy poco tiempo una galería de imágenes vistosa y funcional. Para más información sobre User Controls, vea la página del Community Wiki sobre este tema, en el link que se muestra en pantalla. Page10
11 Y para acceder a los User Controls publicados por la comunidad y descargarlos, vaya a la siguiente página: Page11
Componentes de pantalla (Extended controls)
Componentes de pantalla (Extended controls) Además de los controles comunes que tenemos disponibles en la toolbox, GeneXus nos permite crear nuestros propios controles o usar controles creados por otras
Cargando los tipos de datos estructurados
Cargando los tipos de datos estructurados En más de una oportunidad, necesitamos almacenar en memoria una lista de elementos que tienen el mismo tipo de información pero distintos valores guardados. Por
Data Provider que carga colección con valores fijos (no extraídos de la base de datos)
Data Provider que carga colección con valores fijos (no extraídos de la base de datos) Hasta el momento hemos visto ejemplos de uso de Data Providers, que han accedido siempre a la base de datos para recuperar
Dos formas de devolver una colección con un Data Provider
Dos formas de devolver una colección con un Data Provider Los Data Provider son objetos versátiles que con un lenguaje declarativo nos facilitan la carga de estructuras, tanto ítems simples como colecciones
Cargando Tipos de Datos Compuestos (SDT) mediante Data Providers
Cargando Tipos de Datos Compuestos (SDT) mediante Data Providers En más de una oportunidad necesitamos almacenar en memoria una lista de elementos. Por ejemplo, la agencia de viajes puede necesitar realizar
Hasta el momento hemos visto ejemplos de aplicación de Data Provider que requieren acceder a la base de datos para recuperar información.
Hasta el momento hemos visto ejemplos de aplicación de Data Provider que requieren acceder a la base de datos para recuperar información. Pero también es posible utilizar un Data Provider que devuelva
Tipos de datos estructurados
Tipos de datos estructurados Hasta ahora hemos empleado siempre tipos de datos simples. Hemos definido atributos y dominios de tipo Numeric, de tipo Character y también contamos con otros tipos de datos
Cargando los tipos de datos compuestos
Cargando los tipos de datos compuestos En más de una oportunidad, necesitamos almacenar en memoria una lista de elementos que tienen el mismo tipo de información pero distintos valores guardados. Por ejemplo,
Fórmulas Locales. Page1. Video filmado con GeneXus X Evolution 2. Veremos ahora qué es una fórmula local.
Fórmulas Locales Veremos ahora qué es una fórmula local. Una fórmula local es una fórmula que declaramos como instrucción puntual, dentro de determinado código, como ser en el source de un procedimiento,
Diseñando más transacciones
Diseñando más transacciones Pasemos a crear una transacción de países: la llamamos Country Page1 Definimos aquí un atributo identificador de país CountryId Y vemos que Genexus le asignó el dominio Id y
Relaciones entre entidades de la realidad
Page1 Relaciones entre entidades de la realidad En varios ejemplos de nuestra agencia de viajes, encontramos que los actores de la realidad se relacionan entre sí de distintas maneras, por ejemplo cuando
Introducción a Smart Devices
Introducción a Smart Devices Hasta el momento hemos construido todos los requerimientos solicitados por la agencia de viajes en lo relativo a la aplicación web a ser utilizada por los usuarios de la propia
Introducción a procedimientos, listados y comando For each
Introducción a procedimientos, listados y comando For each Pasemos a conocer a los objetos de tipo Procedimiento, que podemos definir en una base de conocimiento GeneXus. Este tipo de objeto nos permite
Comando For Each simple y For Each anidado para listar info relacionada
Comando For Each simple y For Each anidado para listar info relacionada En otro video hemos visto cómo definir un procedimiento, el cual contenía en su source un único comando For each, que accedía a los
Data Providers - Más conocimientos
Data Providers - Más conocimientos Introduciremos nuevos conocimientos sobre el uso de los Data Providers. Para ello propondremos una implementación práctica en nuestra aplicación. Supongamos que la agencia
Diseñando más transacciones
Diseñando más transacciones Pasemos a crear una transacción de países. La llamamos Country: Definimos aquí un atributo identificador de país CountryId Y vemos que Genexus le asignó el dominio Id y definimos
Comunicación entre objetos
Comunicación entre objetos En situaciones anteriores nos hemos encontrado con la necesidad de llamar a un objeto, desde otro. Por ejemplo en el evento Enter del web panel EnterPercentage2, estamos llamando
BPM (Business Process Management)
BPM (Business Process Management) En la agencia de viajes, hay trámites que requieren de que varias tareas se realicen unas a continuación de otras, en un cierto orden, por ejemplo, cuando se desea hacer
Introducción a procedimientos, listados y comando For each
Introducción a procedimientos, listados y comando For each Pasemos a conocer los objetos de tipo Procedimiento, que podemos definir en una base de conocimiento GeneXus Este tipo de objeto nos permite definir
Comando for each anidado para listar info agrupada
Comando for each anidado para listar info agrupada Volvamos ahora a la sección Source del procedimiento Una cosa que nos había quedado pendiente es que queríamos que las atracciones salgan ordenadas en
Inicio de un proceso desde un objeto GeneXus, usando la API de Workflow
Inicio de un proceso desde un objeto GeneXus, usando la API de Workflow La agencia de viajes decidió modificar su proceso de reserva de pasajes e incorporar algunas funcionalidades nuevas. En primer lugar,
Si abrimos una transacción cualquiera en ejecución, por ejemplo Category, vemos en la pantalla los botones de navegación antes de los atributos, y
Si abrimos una transacción cualquiera en ejecución, por ejemplo Category, vemos en la pantalla los botones de navegación antes de los atributos, y abajo los botones para confirmar, cancelar o eliminar
Para eso abrimos el ambiente de desarrollo de Genexus.
Overview GeneXus - Demo: 1. IDE de GeneXus, creación de base de conocimiento para desarrollar un sistema de facturación y objeto Transacción para ingreso de facturas. Vamos a ver ahora en una demo las
Agregando funcionalidad con patrones
Agregando funcionalidad con patrones Los patrones nos permiten potenciar nuestra aplicación, agregando nuevas funcionalidades en forma muy sencilla! Al aplicar un patrón, GeneXus crea por nosotros todos
Formularios dinámicos
Formularios dinámicos En general, si necesitamos ejecutar una tarea interactiva de un diagrama de proceso de negocios, debemos contar en nuestra KB con un objeto transacción o un webpanel, para asociarlo
Introducción a procedimientos y listados. Comando para consultar la base de datos.
Introducción a procedimientos y listados. Comando para consultar la base de datos. Pasemos a conocer los objetos de tipo Procedimiento que podemos definir en una base de conocimiento GeneXus Este tipo
Tareas multi-instanciadas y mapeo de datos relevantes
Tareas multi-instanciadas y mapeo de datos relevantes En videos previos, hemos asociado las tareas del diagrama de reserva de pasajes de la Agencia de Viajes a objetos GeneXus, convirtiendo el modelo del
Usando las Apis del GAM
Usando las Apis del GAM Recordemos que las APIs son funciones, que en este caso en el que se ha habilitado el GAM en una base de conocimiento, hacen posible la comunicación con la base de datos del GAM,
Qué son los subtipos?
Qué son los subtipos? Hasta ahora hemos visto que GeneXus establece relaciones entre transacciones -y entre tablas- básandose en los nombres de atributos que encuentra iguales. Por ejemplo, en la transacción
Convirtiendo el modelo en una aplicación funcional
Convirtiendo el modelo en una aplicación funcional En videos anteriores hemos modelado el proceso de reserva de pasajes de la Agencia de Viajes mediante un diagrama de procesos de negocios, hemos visto
Actualización de la Base de Datos - For each, delete, new
Actualización de la Base de Datos - For each, delete, new Hasta el momento, para actualizar los datos de la base de datos, hemos empleado las transacciones en sus 2 formas de uso: Ejecutando su pantalla
Actualización de la Base de Datos - For each, delete, new
Actualización de la Base de Datos - For each, delete, new Hasta el momento, para actualizar los datos de la base de datos, hemos empleado las transacciones en sus 2 formas de uso: Ejecutando su pantalla
Qué son los subtipos?
Qué son los subtipos? Hasta ahora hemos visto que GeneXus establece relaciones entre transacciones -y entre tablas- basándose en los nombres de atributos que encuentra iguales. Por ejemplo, en la transacción
Diseñando la primera transacción
Diseñando la primera transacción Luego de creada la base de conocimiento, el siguiente paso consiste en describir a los objetos de la realidad mediante objetos GeneXus.. Para identificar a los objetos
Poblar de datos las tablas desde la propia transacción
Poblar de datos las tablas desde la propia transacción Cuando creamos una transacción, por defecto GeneXus creará tablas asociadas para almacenar la información que ingresamos a través de su pantalla.
Cómo visualizar la información detallada de un material (desde el trabajar con materiales del SAP ERP)
Page1 Cómo visualizar la información detallada de un material (desde el trabajar con materiales del SAP ERP) Para que cuando el usuario haga tap sobre un material: Page2 se invoque a un panel que muestre
El editor de formularios web es el Abstract Layout, en el cual entraremos en detalle en unos momentos.
La gran revolución de dispositivos móviles dio paso a un nuevo mundo de aplicaciones nativas, pero influyó también en el diseño de aplicaciones web, ya que no es posible usar la misma página para dispositivos
Usuarios y roles. Para administrar el acceso a las tareas de un diagrama de procesos, debemos definir ciertos roles que serán parte del modelo.
Usuarios y roles Hasta ahora hemos modelado diagramas de proceso, asociado objetos GeneXus a los elementos de los diagramas y ejecutado esos procesos, pero todas las pruebas las hicimos siempre con el
Cuando el web panel tiene un grid, entonces para determinar tabla base GeneXus observa lo que se indica arriba.
Habíamos visto el caso de Web Panel con atributos sueltos en el form, sin grid. También el de un Web Panel con un grid con atributos y también sin atributos. Y habíamos dejado planteada la pregunta: cuando
Actualización de la Base de Datos - Business Components
Actualización de la Base de Datos - Business Components Hasta el momento hemos visto que las transacciones permiten a los usuarios, ingresar, modificar y eliminar datos, en las tablas de la base de datos
Transacción base. A partir de GeneXus X Ev3, se incorpora el concepto de transacción base.
Transacción base A partir de GeneXus X Ev3, se incorpora el concepto de transacción base. Esto brinda la posibilidad de indicar explícitamente el nombre de la transacción cuya tabla física asociada se
Trabajando con documentos
Trabajando con documentos Continuando con la asociación de objetos GeneXus a las tareas del diagrama de validación de la reserva, seguiremos con las tareas interactivas Add customer information required
Para aquellos que tengais conocimientos de Access es lo más parecido a una consulta de referencias cruzadas, pero con más interactividad.
Tablas dinámicas Una tabla dinámica consiste en el resumen de un conjunto de datos, atendiendo a varios criterios de agrupación, representado como una tabla de doble entrada que nos facilita la interpretación
Testeando las aplicaciones (GXtest)
Testeando las aplicaciones (GXtest) A medida que vamos haciendo crecer nuestra aplicación para la agencia de viajes, hemos ido agregando funcionalidades y haciendo modificaciones a cosas que habíamos implementado
Administrando las bases de conocimiento (GXserver)
Administrando las bases de conocimiento (GXserver) Cuando desarrollamos una aplicación con GeneXus, ya sea en equipo o en forma individual, necesitamos mantener la KB siempre accesible y actualizada. GXserver
Modificación de dato relevante, evento timer y calendarios
Modificación de dato relevante, evento timer y calendarios Continuando con el diagrama, la tarea Evaluate Customer deberá evaluar la situación financiera del cliente y almacenar la decisión en un dato
Creando una aplicación móvil con GeneXus para trabajar con los Materiales del SAP ERP parte 4
Page1 Creando una aplicación móvil con GeneXus para trabajar con los Materiales del SAP ERP parte 4 Ahora sí, si no hubo error, querremos obtener el listado de materiales, por lo que tendremos que invocar
Cómo enviar un mail automático y ejecución del acceso a la API programado previamente
Cómo enviar un mail automático y ejecución del acceso a la API programado previamente Hasta ahora cumplimos con el primer requerimiento de la agencia, relacionado al ingreso de una reserva por parte del
Creación de la Knowledge Base
Creación de la Knowledge Base Vamos a ejecutar a GeneXus Este número que vemos aquí, nos indica cuál es la versión de GeneXus que estamos ejecutando. Es importante estar siempre actualizados en la última
Actualización de la Base de Datos - Business Components
Actualización de la Base de Datos - Business Components Hasta el momento hemos visto que las transacciones permiten a los usuarios, ingresar, modificar y eliminar datos, en las tablas de la base de datos
Para abrir el Calendario no tenemos más que hacer un clic sobre exploración o en el menú Ir->Calendario.
EL CALENDARIO DE OUTLOOK Es una herramienta de ayuda para organizar las horas y los días de nuestro tiempo, es un sistema dinámico que facilita la programación de citas, reuniones, eventos, etc. En este
Eventos en Smart Devices
Eventos en Smart Devices Tenemos eventos cuyo código se ejecuta en el servidor y eventos cuyo código se ejecuta en el cliente (es decir, en el dispositivo). Queremos abordar ahora el tipo de acciones que
Introduciremos nuevos conocimientos sobre el uso de los Data Providers.
Introduciremos nuevos conocimientos sobre el uso de los Data Providers. Recordemos que el objetivo de un Data Provider es devolver cargada una estructura de datos en memoria (que puede ser colección o
Web panel y tabla base
Web panel y tabla base En este video analizaremos en detalle algunas ideas que en videos anteriores apenas hemos sobrevolado. Por ejemplo, a qué se le llama tabla base de un web panel? Todo web panel tiene
Curso GeneXus - Otro ejemplo de uso de Business components
Curso GeneXus - Otro ejemplo de uso de Business components Vamos a ver a continuación un ejemplo práctico de uso de Business Components. Page1 Comencemos planteando el siguiente escenario: Todo cliente
Otro ejemplo de uso de Business Components
Otro ejemplo de uso de Business Components Vamos a ver a continuación un ejemplo práctico de uso de Business Components. Comencemos planteando el siguiente escenario: Page1 Todo cliente de la agencia de
Objeto Query - Más conocimientos
Objeto Query - Más conocimientos Hemos visto anteriormente las generalidades del objeto Query, los componentes de su estructura y la forma de verlo en ejecución a través del uso del control Query Viewer.
Demo: empezando a desarrollar la aplicación en su parte web
Demo: empezando a desarrollar la aplicación en su parte web En videos anteriores, habíamos empezado por ver la aplicación a la que queremos llegar en ejecución. Luego habíamos estudiado las características
LOS FORMULARIOS. Los formularios sirven para definir pantallas generalmente para editar los registros de una tabla o consulta.
LOS FORMULARIOS Los formularios sirven para definir pantallas generalmente para editar los registros de una tabla o consulta. 1. Crear formularios: Para crear un formulario tenemos varias opciones. Podemos
Overview GeneXus - Demo: 2.Cómo obtener el ejecutable de la KB y declaración de algunas reglas del negocio.
Overview GeneXus - Demo: 2.Cómo obtener el ejecutable de la KB y declaración de algunas reglas del negocio. En la primera parte de esta demo creamos nuestra base de conocimiento y la transacción de facturas
Creación de la KB. Page1. Video filmado con GeneXus X Evolution 3. Vamos a ejecutar a GeneXus
Creación de la KB Vamos a ejecutar a GeneXus Este número que vemos aquí, nos indica cuál es la versión de GeneXus que estamos ejecutando. Es importante estar siempre actualizados en la última versión.
Script For each simple tabla base y cláusula order
Page1 Script For each simple tabla base y cláusula order Para determinar la tabla base, GeneXus extrae los atributos nombrados en el for each encuentra las tablas en las que se hallan: y toma como tabla
MANUAL PARA SUBIR ARCHIVOS EN ONEDRIVE
MANUAL PARA SUBIR ARCHIVOS EN ONEDRIVE Como compartir archivos en OneDrive Para empezar a compartir archivos en OneDrive, se debe tener una cuenta en Outlook.com.; que se crea de igual manera como una
Transacción de 2 niveles usada como Business Component y manejo de errores.
Transacción de 2 niveles usada como Business Component y manejo de errores. Ya hemos visto anteriormente el concepto general de Business Component y su aplicación en una transacción de un solo nivel. Veamos
Guía Saga Suite Slider
Guía Saga Suite Slider Tabla de contenido Acceso a la Edición del recurso...- 2 - Cómo editar el recurso...- 3 - Tipos de elementos en detalle...- 5 - Sólo imagen...- 5 - Completo con imagen y completo
Uso de la API del GAM
Uso de la API del GAM Recordemos que las APIs son propiedades y métodos que el GAM disponibiliza para que las aplicaciones que quieran utilizarlo puedan interactuar con él, haciendo posible la comunicación
Reporting (objeto Query)
Reporting (objeto Query) En muchas ocasiones necesitamos realizar consultas a la base de datos para analizar la información y poder tomar decisiones. Podemos necesitar agrupar la información por uno o
J. Enrique Durán Colaborador Didáctico TIC Huesca TUTORIAL
TUTORIAL 1 ÍNDICE 1.- INTRODUCCIÓN 2.- VISTA INICIAL 3.- EXPLORADOR DE ARCHIVOS 3.1.- MAPAS DE NUBE 3.2.- MAPAS LOCALES 3.2.1.- CARGA DE UN MAPA DE LOS ARCHIVOS LOCALES EN MAPA DE NUBE 3.3.- CONFIGURACIÓN
Trabajando con GIMP. Lourdes Luengo.
Trabajando con GIMP Lourdes Luengo [email protected] 2 Trabajando con GIMP CONTENIDOS 1. ABRIR UNA IMAGEN página 4 2. MODIFICAR TAMAÑO DE UNA IMAGEN página 4 3. GUARDAR UNA IMAGEN página 5
Qué son los subtipos?
Page1 Qué son los subtipos? Hasta ahora hemos visto que GeneXus establece relaciones entre transacciones -y entre tablas- basándose en los nombres de atributos que encuentra iguales. Por ejemplo, en la
Cómo añadir preguntas a un cuestionario de Moodle?
Cómo añadir preguntas a un cuestionario de Moodle? El proceso de añadir preguntas al cuestionario, se realiza después de crear el cuestionario y luego de generar las preguntas previamente en el Banco de
CÓMO INSERTAR UNA GALERÍA DE IMÁGENES REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN
CÓMO INSERTAR UNA GALERÍA DE IMÁGENES REALIZADA EN UNA WEB EXTERNA COMO SLIDE EN UNA PÁGINA O SECCIÓN IMPORTANTE: Siempre que dependemos de una página externa a nuestra web estamos expuestos a tener problemas
OPENOFFICE IMPRESS. Creación básica de presentaciones digitales
OPENOFFICE IMPRESS Creación básica de presentaciones digitales Qué es OpenOffice Impress? Es la herramienta que nos ofrece OpenOffice para realizar presentaciones Las presentaciones permiten comunicar