Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (18)
Similar to Taller De User Controls
Similar to Taller De User Controls (20)
Recently uploaded
Recently uploaded (11)
Taller De User Controls
- 1. Taller de User Controls Nicolás Cardelino Gonzalo Cuiñas
- 2. Agenda Conceptos generales Creando un user control UC: Edit in place Q&A + Tips&Tricks
- 3. Conceptos Generales ¿Qué es un user control?
- 4. Conceptos Generales ¿Para qué sirve?
- 5. Conceptos Generales ¿En qué tecnologías se programa? Silverlight Flex Javascript Otras…
- 6. Conceptos Generales ¿Cómo crear un user control? User Control Editor Composición (4 archivos) Control definition file (.control / xml) Properties file (xml) Design render file (xsl) Runtime render file (js)
- 8. Conceptos generales ¿Cómo funciona un UC? Container div id=“HelloWorld1"></div> Instanciación de clase instancia = new HelloWorld(); Asignación de propiedades instancia.Prop1 = prop1delGrid Instancia.Prop2 = prop2delGrid ….. Show instancia.Show()
- 9. Práctico HelloWorld user control EditInPlace user control
- 10. Tips&Tricks GXAPI this.ContainerName this.GetContainerControl() this.IsPostBack gx.evt.on_ready( window,<myFunction>); gx.dom.el(id) gx.html.setInnerHtml(targetEl, html, process) gx.staticDirectory
- 11. Tips&Tricks Actions Snippets de código Creación de variables Asignación de variables
- 12. Tips&Tricks Eventos gx.fx.obs.addObserver(nombreEventoGX, scope, handler) ‘grid.onafterrefresh' 'gx.onready‘ 'gx.onbeforeevent‘ 'popup.close‘ 'gx.onafterevent' 'gx.onload'
- 13. Gracias Nicolás Cardelino Gonzalo Cuiñas
Editor's Notes
- ¿Qué es un user control?Un UC es exactamente igual a cualquier otro control de los estandar de GX con la diferencia de que puede ser construido por cualquier persona con los requerimientos adecuados para luego incorporarlo en GX. Al igual que le resto de los controles estandar, un user control: lo podremos arrastrar y usar desde la Toolbox se podrá manipular como cualquier control en diseño y runtime. pueden estar “bindeados” a datos podrán tener propiedades y responder a eventos
- ¿Para qué sirve?Un user control nos permitirá crear interfaces más ricas en términos de usabilidad e interacción. Están orientados a brindar una mejor experiencia al usuario final de nuestras aplicaciones. De nada sirve tener un excelente “backend” si no somos capaces de transmitirle la información al usuario de la mejor manera posible. Los user controls buscan precisamente presentar la información de la mejor manera posible y además permitir una interacción más natural.
- ¿En qué tecnologías se programa?Los user controls siempre requerirán un mínimo de programación en javascript pero el “core” del control podrá ser programado en cualquier tecnología cliente como: silverlight flex javascript
- ¿Cómo crear un user control?Para crear un user control utilizaremos en primera instancia el UserControlEditor (UCE de aquí en adelante) el cual se encuentra en el directorio de instalación de GX. El UCE editor creará todos los archivos necesarios para “enganchar” nuestro control en GX. Esos archivos son:Control definition file (.control / xml)Properties file (xml)Design render file (xsl)Runtime render file (js)El UCE se divide en tabs donde cada tab se corresponde (en cierta manera) con cada uno de los archivos anteriores.