Taller de Construcción de User Controls

El GUG Montevideo  y Artech organizan un taller de construcción de UC desde cero, el mismo se llevará a cabo en el Salón Azul de Artech Centro y será brindado por Gonzalo Cuiñas y Nicolas Cardelino.

La idea de realización surgió como una necesidad de la comunidad planteada en la última reunión del grupo, seguro colmará las espectativas de todos.

Programa

18:00 – 18:30       Bienvenida, encendiendo laptops.

18:30 – 18:45       Conceptos y Definiciones

18:45 – 19:15      Taller 1: Construcción de un UC básico desde cero

19:15 – 19:45      Taller 2:  Construcción de un UC desde un control de la web

19:45- 20:15        Q&A + Tips&Tricks

Requisitos:

–          Laptop con GeneXus X Evolution 1 o GeneXus X Evolution 1 Trial.

–          Conocimientos básicos de jscript

Cuándo: Viernes 27 de noviembre Hora 18.

Dónde: Salón Azul Artech Centro, 18 de Julio y Minas, 4to. Piso.

Inscripciones: Por mail a gugmontevideo@hotmail.com

Iniciativa en apoyo a los Colaborative Proyects 2.0

Downloads sugeridos:

Genexus X Evo I

Genexus X Evo I Trial Version

Anuncios

3 Responses to Taller de Construcción de User Controls

  1. Nicolas Sanchez dice:

    No olvidar que en el HelloWorld.control los recursos deben ser cargados EN ORDEN, sino no funciona. Se puede cambiar a mano y deben quedar en este orden:

    inlineEdit.v3.css
    mootools.v1.2.js
    inlineEdit.v3.js

    Seguidamente el código de HelloWorldRender.js completo:

    function HelloWorld()
    {
    this.Width;
    this.Height;
    this.FontFace;
    this.FontColor;
    this.FontSize;
    this.Caption;

    this.show = function()
    {
    ///UserCodeRegionStart:[show] (do not remove this comment.)

    var buffer= ‘Hello World !!!‘;
    this.setHtml(buffer);

    document.getElementById(“helloworld1”).onclick = this.ClickHandler;

    ///UserCodeRegionEnd: (do not remove this comment.)
    }

    ///UserCodeRegionStart:[User Functions] (do not remove this comment.)
    var UC = this;

    this.ClickHandler = function()
    {
    this.inlineEdit(
    {
    class: ‘input’,
    stripHtml: true,
    onComplete: function(el)
    {

    UC.Caption = el.get(‘html’);
    if (UC.TextChanged)
    {
    UC.TextChanged();
    }

    //alert(‘El texto se ha modificado’);

    }
    });
    };

    ///UserCodeRegionEnd: (do not remove this comment.):
    }

  2. Es muy importante que en el archivo HelloWorld.control las llamadas a los recursos respeten en el siguiente orden:

    inlineEdit.v3.css
    mootools.v1.2.js
    inlineEdit.v3.js

    Por si no tienen el código del HelloWorldRender.js, aquí se los paso …

    function HelloWorld()
    {
    this.Width;
    this.Height;
    this.FontFace;
    this.FontColor;
    this.FontSize;
    this.Caption;

    this.show = function()
    {
    ///UserCodeRegionStart:[show] (do not remove this comment.)

    var buffer= ‘Hello World !!!‘;
    this.setHtml(buffer);

    document.getElementById(“helloworld1”).onclick = this.ClickHandler;

    ///UserCodeRegionEnd: (do not remove this comment.)
    }

    ///UserCodeRegionStart:[User Functions] (do not remove this comment.)
    var UC = this;

    this.ClickHandler = function()
    {
    this.inlineEdit(
    {
    class: ‘input’,
    stripHtml: true,
    onComplete: function(el)
    {

    UC.Caption = el.get(‘html’);
    if (UC.TextChanged)
    {
    UC.TextChanged();
    }

    //alert(‘El texto se ha modificado’);

    }
    });
    };

    ///UserCodeRegionEnd: (do not remove this comment.):
    }

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: