1. Aplicaciones Web integradas con
GXUI 2.0
Ing. Juan Marcelo Bustamante
PuntoExe Consultores
jmbl@puntoexe.com.uy
www.puntoexe.com.uy
www.pxtools.com.uy

2. Diseños predefinidos

3. Design Red

4. Design Blue

5. Design Green

6. Design Grey

7. ¿Qué es la GXUI?
• User control de GeneXus
• Interactúa con la librería ExtJS
• Desarrollada por la empresa Sencha (www.sencha.com)

8. Versión de GXUI
GXUI 1.1 (Ex JS 2.1)1
GXUI 2.0 (Ex JS 4.1)2

9. Demo

10. Controles GXUI utilizados
• Layout (Áreas colapsables)
• Toolbar (Menús superiores)
• TreeView (Menús izquierdo)
• Menu (Toolbar y Menús contextuales de Tree view)
• GridExtension (Grilla)
• Settings (Perdura los cambios de configuración)

11. Ventajas e inconvenientes
• Basado en propiedad “Add To Parent Gx UIControl”
• Ventajas
– Maximiza el área de visualización de datos
• Inconvenientes
– Desarrollo del cada área de un TC con gxui.Layout

12. Gxui.Layout
Center
North
South
West East

13. Gxui.Layout

14. Gxui.Layout

15. Gxui.Layout

16. Minimizar el Inconveniente
Templates

17. Estamos trabajando
Automatización de
asignación de Templates

18. Futuro
Automatización de
generación de Templates

19. ¿Preguntas?