sencha

X

lslsllls

LISTA DE CONTENIDO

Introducción
Sencha Ext Designer es una interfaz gráfica de usuario generador de Ext JS aplicaciones Web. El fácil de utilizar con la función de arrastrar y soltar ambiente de diseño permite una creación de prototipos rápida los componentes de la interfaz de la aplicación, que conecta los componentes de la interfaz de datos y exportar bien formados,orientado a objetos y código de cada componente.

Programadores y no programadores pueden utilizar tanto Diseñador para colaborar en el diseño de la aplicación, que ayuda a que los proyectos más rápido y permite mayor rapidez iteración. Con el diseñador , puede, por ejemplo: " crear fácil y rápidamente formas complejas. "Cambiar el órgano diseños y swap tipos de control con el clic de un botón."Centrarse en escribir código de aplicación, en lugar de boilerplate código de interfaz de usuario (IU).
Proyectos desarrollados con la versión más reciente, el diseñador 1.2 , puede utilizar código de salida versión Ext JS 3 Ext JS o versión 4. Este documento cubre los proyectos que utilizan Ext JS versión 4. "El uso de Designer Sencha Ext Ext JS 4.x los proyectos" está organizado en los siguientescapítulos:
Capítulo 1:
Introducción al Diseñador Una rápida introducción a los conceptos básicos del uso diseñador para crear una interfaz con un ejemplo en el que se crea una interfaz de usuario de la aplicación.
Capítulo 2: Trabajo con presentaciones cómo configurar y cambiar formatos contenedores básicos que se utilizan para presentar contenido y datos dentro de una aplicación.
Capítulo 3:Descripción general de los componentes de una presentación de todas las componentes estándar Ext JS que se pueden seleccionar y configurar con el diseñado.
 Capítulo 4: formularios, menús, y los árboles con Designar para crear elementos de interfaz de usuario comunes con Ext JS componentes
Capítulo 5: Diseño Avanzado Component-Oriented información acerca de cómo trabajar con los componentes dediseñador, incluyendo crear componentes personalizados y romper una aplicación en partes más pequeñas que pueden ser desarrollados y mantenidos por separado.
Capítulo 6: Trabajo con almacenes de datos Configuración de datos del cliente almacena y muestra los datos en una aplicación…

Capítulo 1: Introducción al Diseñador

Designer puede utilizarse con las herramientas y entornos dedesarrollo, como no es un sustituto de IDEs o editores de texto. El código generado por el diseñador puede ser importada en un IDE, y la interfaz aplicación archivos pueden editarse fuera de Diseñador con cualquier IDE común o del editor.
Cuando se utiliza Diseñador, siga este flujo de trabajo básico, repasando el proceso tantas veces como sea necesario para crear un buen INTERFAZ DE USUARIO:
"Diseñarcomponentes de la interfaz de usuario en el diseñador lienzo.
"Configurar los componentes.
"Conectar a los almacenes de datos.
"Exportar el proyecto código dirigido a Ext JS 4.x. Diseñador genera varios archivos .js.
"Aplicar control de eventos y métodos personalizados en el genera archivos .js.

Navegar Inicio Diseñador diseñador crea automáticamente un nuevo proyecto y muestra una pantallaen la que se le pregunta si desea abrir un proyecto existente, o abrir un nuevo proyecto utilizando Ext JS 3.3 .x o Ext JS 4.0 .x, como se muestra aquí:


Para los fines de esta guía, haga clic en Ext JS 4.0 .x. Diseñador se abrirá un lienzo en blanco. Aquí son los elementos principales de diseño:

(Toolbox) Herramientas enumera los componentes para construir una interfaz de usuario. Estoscorresponden a las clases estándar Ext JS. Para obtener más información acerca de cada clase, consulte el Ext JS 4.0 API Reference. Puede arrastrar y soltar elementos desde el Cuadro de herramientas en el lienzo. La caja de herramientas título muestra la versión de Ext JS incluidos en el proyecto.
(Canvas) Lienzo un espacio de diseño para armar el INTERFAZ DE USUARIO. Añadir componentes, a...