Your SlideShare is downloading. ×
Taller De User Controls
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Taller De User Controls

3,276
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
3,276
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
64
Comments
4
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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.
  • Transcript

    • 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)
    • 7. Conceptos Generales
    • 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