Utilización de Designer Workbench de la infraestructura de interfaz de usuario web para crear nuevas pantallas para desarrolladores personalizados

Puede utilizar Designer Workbench de la infraestructura de interfaz de usuario web para crear nuevas pantallas para desarrolladores personalizados.

Procedimiento

  1. Acceda a Designer Workbench desde Extensibility Workbench pulsando el enlace Diseñar nuevas pantallas en la esquina inferior derecha de Extensibility Workbench.
  2. En Designer Workbench, pulse el botón Nuevo para crear una pantalla nueva.
  3. Realice una o más de las tareas siguientes:
    • Para añadir un widget, pulse la ficha Paleta. Seleccione un widget. En el lienzo, pulse con el botón derecho o el izquierdo en el punto donde desea que aparezca el widget. Después puede utilizar la vista de árbol para reorganizar el orden de los widgets.
    • Utilice la vista de árbol para ver una visión general del estilo de directorios sobre cómo se van a organizar los widgets en el lienzo. También puede utilizar la vista de árbol para suprimir elementos o reorganizarlos (por ejemplo, mover una columna de una cuadrícula a otra cuadrícula, o mover un botón de un panel a otro).
    • Utilizar la vista Propiedades para añadir o cambiar las propiedades del widget. Para obtener más información sobre las propiedades del widget, consulte la documentación de la infraestructura de Ext JS para Versión 2.2.1 o Versión 3.0.2.
    • (Opcional) Para crear un mashup, pulse la ficha Datos. Configure un origen de datos de salida. A continuación, pulse el botón Mashups para crear el archivo xml de mashup, que incluirá una referencia al origen de datos de salida.
    • (Opcional) Utilice la ventana Generador de plantillas de código para generar código que se puede pegar en la página Actualizar código y actualizar en la aplicación o (si los cambios son permanentes) se puede guardar en un archivo relevante como mashup.xml o un archivo Struts para la aplicación. Para acceder a la ventana Generador de plantillas de código, utilice el botón Generar código situado cerca del botón Más.
  4. Para especificar el proyecto que utilizará las pantallas que está creando y modificando, pulse la ficha Archivos.
    1. Marque el recuadro de selección Notificar proyecto .
    2. Pulse el botón Opciones .

      Se muestra el recuadro de diálogo Configurar directorio de proyecto.

    3. Configure el directorio del proyecto y pulse Aceptar.
  5. Para guardar la nueva pantalla, pulse el botón Guardar . Los cambios se muestran inmediatamente en el archivo de proyecto.
  6. Para volver a Extensibility Workbench, utilice el botón Atrás del navegador. Deberá reactivar Extensibility Workbench; para ello, pulse Mayús. + barra espaciadora.
  7. Después de crear todas las pantallas nuevas, debe desplegarlas como una extensión de la aplicación.