Trabajar con widgets en la infraestructura de interfaz de usuario web

Puede reordenar, suprimir y ver o cambiar las propiedades de un widget en la infraestructura de interfaz de usuario.

Utilice la vista de esquema (Extensibility Workbench) o la vista de árbol (Designer Workbench) para hacer lo siguiente cuando trabaje con widgets:
  • Reorganizar widgets

    Se aplican diferentes reglas para reorganizar los widgets. Por ejemplo, no puede mover un botón de un panel estándar a una cuadrícula estándar. Designer Workbench tiene medidas de seguridad incorporadas contra la reorganización incorrecta de widgets. Si intenta puede mover un botón de un panel estándar a una cuadrícula estándar, se muestra un mensaje de error. Estas medidas de seguridad le ayudan a organizar la pantalla de la manera más funcional.

    Puede reorganizar los widgets de las maneras siguientes:
    • Cambiar el orden de los widgets. Por ejemplo, puede colocar un campo de texto entre dos botones.
    • Mover un widget desde la pantalla principal a un panel o desde un panel a otro panel. Por ejemplo, puede mover un botón de un panel estándar a un conjunto de campos. O bien, puede mover una columna de una cuadrícula estándar a una cuadrícula editable.
    • Mover un panel estándar a otro panel estándar.

    Si una pantalla utiliza una secuencia especial de tabulaciones, la reorganización de los widgets podría afectar a la secuencia de acciones prevista cuando tabula de un widget a otro.

  • Suprimir widgets

    No puede suprimir un widget de la pantalla base/estándar. Sólo puede suprimir widgets que se han añadido mediante Extensibility Workbench. Si suprime un widget que se ha utilizado para trabajar con datos (como un recuadro de texto o recuadro combinado), deberá encontrar otra forma de trabajar con dichos datos.

  • Seleccionar un widget para que pueda ver o cambiar sus propiedades en la vista Propiedades. Si no está seguro del widget que se va a mostrar en la vista de esquema o en la vista de árbol, pulse el widget en la pantalla, y se mostrará una línea azul horizontal que mostrará la ubicación del widget en la vista.

    Siempre puede utilizar el lienzo para seleccionar un widget, pero no es tan preciso como utilizar la vista de esquema o la vista de árbol. En el lienzo, puede llevarle varias pulsaciones seleccionar el widget correcto.

    Para obtener más información sobre las propiedades del widget, consulte la documentación de la infraestructura de Ext JS para la versión 2.2.1 o la documentación de la infraestructura de Ext JS para la versión 3.0.2.