Utilización de Extensibility Workbench de infraestructura de interfaz de usuario web para modificar un widget

Puede modificar un widget utilizando Extensibility Workbench de la infraestructura de interfaz de usuario web.

Procedimiento

  1. En la aplicación, abra la pantalla que desee modificar.
  2. Pulse Mayús + barra espaciadora.
  3. Revise y acepte los términos y condiciones de uso de Extensibility Workbench.

    Se inicia Extensibility Workbench, después de haber completado además Directory to URL Mapping y haber asociado un archivo de la pantalla. Todo uso posterior de la tecla de acceso rápido Mayús + barra espaciadora oculta y después reinicia el entorno de trabajo hasta que se renueva el navegador o se abre una pantalla nueva, en cuyo caso se vuelve a mostrar la ventana con los términos y condiciones.

    Si rechaza los términos y condiciones, no se inicia el entorno de trabajo.

    Las herramientas de Extensibility Workbench se muestran de diversas maneras. Puede que tenga que pulsar el botón con el signo más en la barra de herramientas de Extensibility Workbench para ver todas las vistas.

  4. Pulse el botón con el signo más para ver todas las vistas o el botón con el signo menos para minimizar todas las vistas. Cuando todas las vistas estén minimizadas, puede pulsar la ficha de una vista para ver sólo esa vista. Cuando se muestra una vista, puede minimizarla pulsando en el signo menos situado en la esquina superior derecha de la vista.
  5. Para poder trabajar con un widget en una pantalla, debe seleccionar o asociar el archivo de extensión de la pantalla. El archivo de extensión almacena las extensiones (cambios) de la pantalla. La primera vez que trabaja con un widget se muestra el recuadro de diálogo Añadir archivo de extensión de la pantalla.

    El archivo de extensión contiene metadatos sobre los cambios. Los archivos de extensión se guardan en el directorio de trabajo actual. Se pueden ver en la ficha Archivos de la vista Paleta & Archivos.

    Cuando se abre Extensibility Workbench por primera vez, el directorio de trabajo actual toma el valor predeterminado del directorio especificado durante la correlación. Puede cambiarlo posteriormente en la ficha Archivos.

    1. En el recuadro de diálogo Añadir archivo de extensión para pantalla , especifique el archivo de extensión utilizando el botón Examinar para seleccionar un archivo existente o escribiendo el nombre del archivo en el campo Archivo de extensión .

      Escriba el nombre del archivo si desea asociar/crear un archivo nuevo. Si ya ha ampliado la pantalla y tiene un archivo de extensión de la pantalla, puede buscar el archivo.

    2. Pulse el botón Aceptar .

      Si aparece un recuadro de diálogo que incluye el mensaje El archivo seleccionado contiene un origen que no coincide con la pantalla actual., pulse Aceptar para sobrescribir el archivo o Cancelar para elegir otro archivo. Este mensaje normalmente significa que ha elegido el archivo de metadatos incorrecto.

    Una vez que ha guardado las extensiones de una pantalla y ha desplegado dichos cambios en la aplicación, no debe añadir el archivo de extensión para realizar más cambios en la pantalla. El archivo de extensión se cargará automáticamente con la pantalla.

    Después de seleccionar el archivo de extensión, se producen las acciones de vista siguientes:
    • La vista de esquema se completa con información sobre los widgets de la pantalla.
    • La vista de detalles de pantalla se completa con información sobre el archivo de extensión.

      El campo Nombre de clase de extensión muestra el nombre de la clase de extensión generada. Puede cambiar este nombre.

    • La vista de propiedades muestra las propiedades originales del widget.
  6. Para añadir un widget a la pantalla, seleccione el widget en la ficha Paleta. Pulse con el botón derecho o izquierdo del ratón en el punto de la pantalla donde desee que se muestre el widget.

    Al añadir un nuevo widget, la propiedad sciId del widget debe incluir el prefijo predeterminado extn_. Esto distingue un componente ampliado de un componente estándar.

  7. Para cambiar un widget, selecciónelo en la pantalla o en la vista de esquema.
  8. Para cambiar o crear una propiedad de widget, haga lo siguiente. 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.
    • Si desea cambiar las propiedades de un elemento, pulse el botón Renovar instancias en la vista Detalles de pantalla para activar los cambios de las propiedades.

      Si desea cambiar las propiedades de un elemento existente, se muestra una cuadrícula independiente de nombre “Propiedades originales” que muestra los valores de las propiedades originales de dicho elemento.

      La cuadrícula "Propiedades originales" no se muestra para cualquier componente nuevo añadido a través de Extensibility. Todas las propiedades nuevas que se hayan añadido a través de Extensibility se listan en una cuadrícula independiente situada encima de la cuadrícula "Propiedades originales" (si el componente está presente en la pantalla base).

      Las propiedades de la lista “Propiedades originales” no se pueden cambiar. No obstante, puede sustituir una propiedad existente o añadir propiedades nuevas a un componente estándar.

    • Para crear una nueva propiedad para un elemento, pulse el botón Añadir en la vista Propiedades. Antes de pulsar el botón Añadir, debe seleccionar la propiedad deseada en la lista desplegable de propiedades disponibles.
  9. Para guardar los cambios en el directorio del proyecto (pero no desplegarlos), pulse el botón Guardar en la vista Detalles de pantalla.
  10. Para trabajar en otra pantalla, vaya a la otra pantalla y, a continuación, vuelva a activar Extensibility Workbench pulsando Mayús + barra espaciadora.
  11. Después de guardar todas las extensiones de pantalla, debe desplegar los cambios para que entren en vigor en la aplicación.