Taller De User Controls

4,152 views

Published on

Published in: Technology, Business
4 Comments
0 Likes
Statistics
Notes
  • donde podria obtener mas info para crear un user control?, donde puedo obtener el taller completo?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hola! Sí en el borde superior a la izq. donde dice 'download'.
    Slds!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Explicación resumida y compacta de la creacion y uso de un User Control con GeneXus X.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • CSoca, se podrça disponer el PPT para download?
    08/12/2009 (07:41hs)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
4,152
On SlideShare
0
From Embeds
0
Number of Embeds
161
Actions
Shares
0
Downloads
87
Comments
4
Likes
0
Embeds 0
No embeds

No notes for slide
  • ¿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.
  • Taller De User Controls

    1. 1. Taller de User Controls<br />Nicolás Cardelino<br />Gonzalo Cuiñas<br />
    2. 2. Agenda<br />Conceptos generales<br />Creando un user control<br />UC: Edit in place<br />Q&A + Tips&Tricks<br />
    3. 3. Conceptos Generales <br />¿Qué es un user control?<br />
    4. 4. Conceptos Generales <br />¿Para qué sirve?<br />
    5. 5. Conceptos Generales <br />¿En qué tecnologías se programa?<br /> Silverlight<br /> Flex<br /> Javascript<br />Otras…<br />
    6. 6. Conceptos Generales <br />¿Cómo crear un user control?<br />User Control Editor<br />Composición (4 archivos)<br />Control definition file (.control / xml)<br />Properties file (xml)<br />Design render file (xsl)<br />Runtime render file (js)<br />
    7. 7. Conceptos Generales<br />
    8. 8. Conceptos generales<br />¿Cómo funciona un UC?<br />Container<br />div id=“HelloWorld1&quot;&gt;&lt;/div&gt;<br />Instanciación de clase<br />instancia = new HelloWorld();<br />Asignación de propiedades<br />instancia.Prop1 = prop1delGrid<br />Instancia.Prop2 = prop2delGrid<br />…..<br />Show<br />instancia.Show()<br />
    9. 9. Práctico<br />HelloWorld user control<br />EditInPlace user control<br />
    10. 10. Tips&Tricks <br />GXAPI<br />this.ContainerName<br />this.GetContainerControl()<br />this.IsPostBack<br />gx.evt.on_ready( window,&lt;myFunction&gt;);<br />gx.dom.el(id)<br />gx.html.setInnerHtml(targetEl, html, process) <br />gx.staticDirectory<br />
    11. 11. Tips&Tricks <br />Actions<br />Snippets de código<br />Creación de variables<br />Asignación de variables<br />
    12. 12. Tips&Tricks <br />Eventos<br />gx.fx.obs.addObserver(nombreEventoGX, scope, handler)<br />‘grid.onafterrefresh&apos;<br />&apos;gx.onready‘<br />&apos;gx.onbeforeevent‘<br />&apos;popup.close‘<br />&apos;gx.onafterevent&apos;<br />&apos;gx.onload&apos;<br />
    13. 13. Gracias<br />Nicolás Cardelino<br />Gonzalo Cuiñas<br />

    ×