Foro

¿Algun ejemplo o idea de cómo crear esta pantalla?

0
Saludos, Quiero hacer una pantalla cuya finalidad es guiar a un usuario durante la inserción de unos valores. La idea es similar a la de un instalador: tienes que cumplimentar los datos de una pantalla y hasta que no lo has hecho no puedes ir a la siguiente. En resumen, que si para realizar la operación se necesitan tres pasos, se "simulen" tres pantallas. la primera que indique "paso 1/3" y hasta que esa pantalla no se ha cumplimentado no puede pasar a la pantalla que indica "paso 2/3", etcétera. EL usuario tendría que poder tener la capacidad de retroceder al paso anterior. Imagino que se puede hacer usando [i]divs [/i](ocultándolos y mostrándolos); pero agradecería si alguien me pudiera guiar un poco o mostrar algún ejemplo similar.

5 Respuestas

Mejores votos Por fecha Solución
0
utiliza un layout card: [url]http://dev.sencha.com/deploy/dev/docs/output/Ext.layout.CardLayout.html[/url] aqui tienes un video tutorial: [url]http://tdg-i.com/114/ext-js-screencast-011-layouts-table-and-card[/url] Suerte <!-- s;) --><!-- s;) -->.
0
gracias, es lo que andaba buscando.
0
Por cierto esta semana se viene un totorial para crear un card layout, yo creo que el jueves se estará publicando <!-- s:) --><!-- s:) -->
0
Saludos, Estoy teniendo un problema con ese componente. No sé si es cosa del cardlayout o del wizard Pero resulta que al pasar de una card a otra no se me visualizan algunos elementos correctamente: ni la paginación ni los elementos de menú ni los checbox. Lo curioso es que cuando redimensiono la ventana se visualizan los datos correctamente. Pongo capturas para que veáis el ejemplo: Visualización antes de redimensionar la pantalla [img]http://img6.glowfoto.com/images/2010/10/11-1132322143L.jpg[/img] (si no veis la imagen) [url]http://img6.glowfoto.com/images/2010/10/11-1132322143L.jpg[/url] Visualización después de redimensionar la pantalla [img]http://img5.glowfoto.com/images/2010/10/11-1110523984L.jpg[/img] (si no veis la imagen)[url]http://img5.glowfoto.com/images/2010/10/11-1110523984L.jpg[/url] utilizo estos complementos: [url]http://www.siteartwork.de/cardlayout/[/url] [url]http://www.siteartwork.de/wizardcomponent/[/url] [url]http://extjs-ux.org/docs/?class=Ext.ux.Wiz[/url]
0
utiliza estas dos propiedades a ver si asi funciona 
deferredRender  : false
layoutOnCardChange : true

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.

Tags

Ext JS 3