Este documento presenta un taller sobre la creación y uso de controles de usuario (UC). Explica brevemente qué es un UC, para qué sirve y cómo se programa, y luego detalla los pasos para crear un UC, incluidos los archivos necesarios. Finalmente, cubre consejos y trucos sobre el uso de APIs, acciones y eventos con UC.
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()
¿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.