Intro a EAF (Enterprise AJAX Framework) de jackbe

Se trata de la parte AJAX de Jackbe y para trabajar con él podemos usar un proyecto en Eclipse con el plugin del EAF. Pero es necesario que Eclipse cuente con la funcionalidad WTP para poder trabajar. El proyecto en Eclipse se conforma por carpetas como:

• WEB-INF - aquí van los archivos web
• WEB-INF/jbml - son los archivos fuente de las pantallas web o con lo que se llama'jackbe markup language'.
  
• WEB-INF/jsp - son creados de forma automática al crear pantallas jbml y básicamente, invocan al constructor de nuestra pantalla jbml
• gc.jsp - es un archivo que almacena la configuración global para traerse al núcleo los archivos del EAF. Es de notar que en cada archivo jsp creado de forma automática, se incluye un código como sigue: <jsp:include page="./jackbe/jsp/gc.jsp"/>.
• jackbe - almacena archivos del núcleo
• fb - significa 'form behavior', que almacenan el comportamiento de las pantallas a través de programación javascript, así que se trata de archivos '.js'.
• jf - aquí se guardan los 'jackbe forms' o los archivos compilados de jbml, también son archivos '.js'.
• rb - resources boundle

Para mayor apoyo sobre el uso del EAF, se puede utilizar la ayuda de Eclipse (y sino, la ayuda en línea), ahí vienen descritos muchos comandos que se pueden usar en un form behavior (fb), pero describo algunos:

LJF("pantalla") - permite cargar una pantalla, como parámetro se envía el nombre del archivo .js sin la extensión y después se llama a su constructor de la misma forma, en este ejemplo sería: pantalla();

Otra lista de comandos

• SE - Source Element
• AE - Attach Element
• PX - Prefix
• CN - Class Name
• SAO - Select Add Option
• GOT - Got Option Text
• SI - Select Index - selecciona un índice del arreglo.
• PM - Te ayuda a redireccionarte a una url.
  
• WSM - Para abrir otra pantalla
• GI - Get element by Id - Devuelve la referencia por el id
• WO - Para acceer a objetos (widget) de la ventana padre

Puedes ayudarte del plugin Firebug si usas Firefox o de la funcionalidad 'inspect element' de chrome para navegar por los objetos y elementos html. En firebug, puedes usar la consola para ejecutar comandos como:

1. console.log(x) - para sacar una traza del valor de x
2. eval(x) - sacar el resultado de interpretar x
3. JKB.widget.manager.getWidget("id") - devuelve un objeto
4. for (var x in objeto) { console.log(x) } - para mostrar los elementos de un objeto

Algunas notas aclaratorias:

• Diferencias entre <div> y <span> , si no se indican posiciones, div es relativo vertical, span es relativo horizontal.
  
• En estilos CSS, se usa '.estilo1' para cuando se asigna de la forma: class="", ej. <div class="estilo1"/>; y '#estilo2' se usa cuando se asigna como id="", ej. <div id="estilo2"/>
• WSDL - Describe los servicios web.
• SOAP - Protocolo que usan los servicios web, nada que ver con SOA .
• Web clipping - Permite extraer la información no estructurada y transformarla en datos estructurados

Otras referencias:
Conceptos varios | Servidor Presto | Conectores Mashup | Demostraciones
Mejores Practicas con AJAX (PDF en inglés)
The Business Value of AJAX (PDF)