Crear Login de Sistema con Sencha ExtJS 6: Primeros Pasos Controladores (2)

Login de Sistema Creado en Sencha ExtJS 6

Login de Sistema Creado en Sencha ExtJS 6

La codificacion de los controladores depende en si de como deseamos que funcione nuestra interfaz, asi que hay que definir que debe poder hacer en este caso nuestro formulario.

Ver Video de Como trabajar el controlador aqui:

Lo primero a definir de nuestro controller es la estructura de controller como clase con sus requires y demas detalles de implementacion como son sus propiedades.

Controlador Sencha ExtJS 6

Controlador Sencha ExtJS 6

Funcionalidades deseadas

En este caso de este formulario la funcionalidad deseada es un boton con el evento click:

  • Evento Click de llamada a Login

El modo de implementacion de esta funcionalidad sera asi:

Primero debemos establecer nuestras variables de formulario.

 

Variables en Funcion de Controlador Sencha ExtJS 6

Variables en Funcion de Controlador Sencha ExtJS 6

Segundo ejecutar una llamada que oculte el panel de login, luego displaye el panel de logout, y seguidamente se cierre la ventana login.

Success Callback Sencha ExtJS 6

Success Callback Sencha ExtJS 6

Tercero una llamada de fallo de ejecucion que ponga un mensaje de aviso del fallo.

Failure Sencha ExtJS 6

Failure Sencha ExtJS 6

Y finalmente la ejecucion del codigo del callback.

LLamada a ejecucion final del evento

LLamada a ejecucion final del evento

ModelView Para Login de Sistema

Como consecuencia de que esta interfaz y controlador son sencillos el modelview es sencillo por tanto lo incluyo en este articulo.

El model View para esta parte de codigo se llamaria : LoginFormViewModel.js

Y tendria en consecuencia el siguiente codigo:

Model View Sencha ExtJS 6

Model View Sencha ExtJS 6

 Autor Christian Portilla Pauca

Link del Video

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s