Aplicación del caso práctico de tienda al por menor de iSeries


Enlazar el proyecto con una interacción Web

Ahora que ya ha creado un archivo JSP de interacción Web que utiliza parámetros de entrada y salida, tendrá que personalizar el archivo JSP para que también funcione con el componente WebFacing. Deberá entrar código para crear desde la aplicación WebFacing un enlace que invoque esta interacción Web. Para ello, tendrá que añadir una función JavaScript en el archivo webface.js para que se pueda llamar al servlet DetailPageServlet con el parámetro PRODNO en una ventana nueva.

Para crear el enlace:

  1. En la vista Navegador, expanda Project501 > Web Content > ClientScript.
  2. Pulse dos veces en webface.js para abrir este archivo en un editor.
  3. Desplácese hasta el final del archivo y escriba las siguientes líneas:
    var mywindow
    	function next(app)
    {
    mywindow = window.open(app,"Details","RESIZABLE=YES, HEIGHT=700, WIDTH=800");
    }
    
  4. Pulse el icono de Guardar o bien pulse Archivo > Guardar webface.js.

Si desea crear una aplicación similar a SV000501 en el futuro, también tiene que cambiar un valor Web en su fuente DDS para habilitar la imagen que ha añadido, y habilitar asimismo el enlace de cerrar ventana para la función JavaScript.

El código RPG incluido en esta aplicación se ha modificado para que muestre el cambio, pero usted tendrá que realizar el cambio manualmente en las futuras aplicaciones. Además, tras cambiar los valores Web, deberá reconvertir el fuente DDS.

Puede comprobar el código para duplicar el resultado.

Para ver el fuente DDS:

  1. Pase a la perspectiva WebFacing.
  2. En la vista Proyectos WebFacing, expanda Project501 > DDS.
  3. Pulse <servidoriSeries > RETAILSTOR/QDDSSRC(QUERY) con el botón derecho del ratón y seleccione Abrir con > CODE Designer.
  4. Una vez abierto el Diseñador CODE, expanda SCREEN1 > ITEMSUB.
  5. Pulse IMAGESRC para seleccionarlo.
  6. Pulse la pestaña Fuente.
  7. Pulse la pestaña Valores Web, en la parte inferior derecha de la ventana.
    Nota:
    Compruebe las propiedades de los valores Web; por ejemplo, la anchura en píxels y el nombre del archivo. En el futuro, tendrá que hacer los mismos cambios en el fuente DDS y luego reconvertir el fuente.
  8. Fíjese en las siguientes líneas del fuente:
    A					PRODNO		R			0	5	6
    A					PRODNAME		R			0	5	16
    A					IMAGESRC			19A	0	5	33
    A*%%WB	13	FLD 100|100|&{IMAGESRC}
    A*%%WB	12	FLD 1 javascript:next
    			('/Project501/DetailPageServlet?PRODNO=&{PRODNO}')
    

    Observe en especial que el proyecto Project501 está especificado en la última línea. Tal como se ha mencionado anteriormente, si desea ejecutar de nuevo la aplicación SV000501, tendrá que cambiar el valor Project501 para que sea de nuevo SV000501.

  9. Guarde el archivo pulsando el icono de guardar o bien pulsando Archivo > Guardar en la barra de menús.
  10. Cierre el archivo y, después, el Diseñador CODE.

Si desea más información sobre cómo trabajar con el fuente DDS, pase a la perspectiva Ayuda del entorno de trabajo y vea la documentación de la herramienta IBM WebFacing.


[ Principio de página | Página anterior | Página siguiente | Contenido ]