Foro

Alguna idea para hacer un cargando antes de ExtJS?

0
Hola amigos Bueno estoy avanzado a buen ritmo con esto de ExtJS poco a poco voy comprendiendo cositas y voy haciendo mis ejemplitos para dejarlos como apuntes <!-- s:) --><!-- s:) --> Pero veo que cuando vamos creando una aplicación bien robustica, veo que cada ves se demora un poco más el ExtJS en cargar todo y lógicamente para un trabajo final me parece que se ve algo maluquito todo eso. Me gustaría poder hacer un cargando... al estilo el correo de gmail que muestra una barra de cargando y que esta es real, cuando llega al final muestra ya todo su entorno ¿me comprenden? o como por ejemplo cuando entramos a las APIs de ExtJS [url]http://dev.sencha.com/deploy/dev/docs/[/url] que muestra una imagen de cargando y que a pesar que esta no hace un % de cargando, cuando la imagen desaparece ya está cargado realmente las librerias que se van a utilizar y todo renderizado. ¿alguien me puede dar alguna idea o me puede ayudar en este punto? de ante mano muchas gracias a quien me pueda colaborar <!-- s:) --><!-- s:) --> Salu2

9 Respuestas

Mejores votos Por fecha Solución
0
muy importante tu punto <!-- s:D --><!-- s:D --> baja los ejemplos de bindows.com, ellos tiene ejemplos sobre eso solo con javascript tal vez te puedas guiar por allí para hacer el arrangue de tu app, igual extjs tiene tambien alguno cuando cargas el api
0
Gracias por tu respuesta, voy a echarle un ojito a eso a ver <!-- s:) --><!-- s:) --> yo por mi parte creo que lo resolví pero...... de una forma.... poco ortodoxa, miralo y en mirar el codigo de la página te das cuenta de lo que hice jajajajajajjaja puse un div con z-index 9999 y despues de un segundo le di que se desvaneciera en oready o algo así jajajajajajajajaj <!-- m -->http://www.velfig.com/labs/index.php<!-- m --> admin admin Salu2
0
no puedes poner un tiempo fijo, por que si la red se satura y se tarda mas. eso estoy seguro que lo puede colocar en el onready de tu pagina principal. algo como lo que tu tienes pero que se desactive en el onready, no por que pasa un tiempo
0
algunos componentes tiene un parámetro loadMask que puedes utilizar. Me permites un consejo? la mejor manera de trabajar es separando los componentes en archivos de interface (digamos ui) y aplicar los eventos en otro archivo separado. desde mi punto de vista la mejor manera de aprender a trabajar asi es descarga el ExtDesigner, que de prueba te dura unos dias pero con un truquillo... ,), y lee los pdf de ayuda de este, con poco estudiar como separa las cosas te ayuda un montón. por mi parte yo separo los mycomponente.ui.js en una carpeta, los store mystore.js en otra y mis componentes con eventos en la raíz, algo así: --/js/ ---myCompras.js ---myVentas.js --/js/ui/ ---myCompras.ui.js ---myVentas.ui.js --/js/st/ ---stCompras.js ---stVentas.js veras que una estructura así te será muy útil cunado tienes ochorrocientos archivos ademas te darás cuenta que muchos componentes son similares y podrás utilizar el código sin muchos cambios, por ejemplo en mi BD tengo varias tablas que son parámetros del tipo id/descripcion por lo que uso un script myParametro.ui.js y modifico un myCuentas.js para que use el script anterior. ME ha simplificado la vida no te imaginas cuanto suerte
0
Hola a todos Respondo algo tarde porque no le había puesto a este hilo notificación por correo <!-- s:P --><!-- s:P --> Bueno les cuentos que para el "Cargando...", si es una imagen pero que se desactiva en onReady <!-- s;) --><!-- s;) --> Lo otro que me comenta tokkaido, si es verdad, utilizo ExtDesigner y separo la GUI de la parte donde le pongo los eventos, como si se tratase de MVC. Y pues hago cargas dinámicas para no cargar todo desde el principio. Mi estructura es la siguiente. 
css/
images/
js/
--librerias/
----ext-3.3.0/
----phpjs/
--modulos/
----moduloejemplo/
------gui.js
------controlador.js
----CargarModulos.js
--precargaimagenes.js.php
uploads/
index.php
login.php
logout.php
Cualquier critica buena o mala, sirve como aporte <!-- s:) --><!-- s:) --> gracias
1
La forma en que yo lo hacía antes de cargar los javascript de manera dinámica era . creaba un div html con un gif preloader y un texto que ponia iniciando. Y luego entre cada carga de javascripts cambiaba ese texto y en el onready de extjs ocultaba el div. ejemplo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Gestor Web

Cargando modulo.. <!-- <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"> --> es algo asi mas o menos te lo he escrito a lo bruto pero es para que veas la idea <!-- s;) --><!-- s;) --> porque el efecto ed way <!-- s;) --><!-- s;) -->
0
Hola pasblin Gracias por la idea, algo así se me había ocurrido, lo voy a pulir y vemos a ver que tal <!-- s;) --><!-- s;) --> cualquier cosa estoy comentando, gracias por la ayuda <!-- s:) --><!-- s:) -->
0
ok espero que te sirva <!-- s;) --><!-- s;) -->
0
De hecho, si le das un vistazo al código fuente de la documentación oficial, veras que utilizan el mismo concepto, en el onReady ocultan la capa de cargando una vez que han renderizado los componentes principales. Luego van cargando bajo demanda la documentación. Saludos

¿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