Aprendiendo Ext JS 3

ExtJS - Table layout Más videos

Descripción del tema

En este video-tutorial se explica la creación de un formulario con varios campos en una misma fila, para esto usaremos un "Table layout" que nos permitirá distribuir los componentes en la manera correcta.

Te gustaría recibir más tutoriales como este en tu correo?

Este tutorial pertenece al curso Aprendiendo Ext JS 3, te recomiendo revises el resto de los tutoriales ya que están en secuencia de menor a mayor complejidad.

Si deseas recibir más tutoriales como este en tu correo te recomiendo registrarte al curso, si ya eres miembro solo identifícate y registrate al curso, si no eres miembro te puedes registrar gratuitamente!

Si no gustas registrarte en este momento no es necesario! Aún así puedes recibir los nuevos tutoriales en tu correo! Jamás te enviaremos Spam y puedes cancelar tu suscripción en cualquier momento.

¿Olvidaste tu contraseña?

20Comentarios

  • Avatar-11 Miguel Céspedes 05/04/2010

    Que fácil se ve, gracias

    • Avatar-8 HalleyR 06/04/2010

      Hola Crisfel gracias por el video, tengo una duda como utilizarias el json generado por el ext designer seria bueno si pudieses hacer un tuto creando la interfaz con ext designer y agregar la logica al formulario generado si pudieses claro . Otra duda que tengo es como puedo yo usar internacionalizacion con extjs es decir tanto a mis nombres de formularios que carguen dinamicametne de la bd? G

      • Avatar-9 Miguel Céspedes 06/04/2010

        Muchas gracias por el ejemplo, esta bacan

        • Avatar-3 Socr@m 06/04/2010

          Gracias por este y todos los videos-tutoriales que haces. Y aparte de darte las gracias queria agregar un "tip" sobre una propiedad que no has mostrado en los videos. Cuando creas el "FormPanel" y quieres que todos los "Panels" internos tengan la misma configuración puedes usar la propiedad "defaults" en el "FormPanel", esto seria: { xtype: 'form', layout: 'fit', defaults: { border: false, padding: 5, layout: 'form', ... // Más propiedades } ... // Más proiedades items: [ ... // Todos los "Panels" que heredaran la conf. // establecida en "defaults" ] } Saludos!

          • Avatar-5 Crysfel 06/04/2010

            Si, sería bueno hacer un tut al respecto, lo voy a realizar pronto ;)

            • Avatar-10 Kometa 07/04/2010

              Muchas Gracias por el tuto. Me a servido mucho este material, pero aun tengo problemas con la inserccion en las bd, ya que me es muy confuso el tema con sessions. Saludos.- Maestro.-

              • Avatar-8 Miguel Céspedes 22/04/2010

                ¿cuando vas a publicar mas ejemplos?

                • Avatar-3 Antrax 05/05/2010

                  Hola Crysfel: Mis felicitaciones por tan buen trabajo que realizas, ademas del talento que posees. Sigo muy de cerca los ajemplos que pones, me han ayudado mucho. Sugiero que expliques al publico un poco sobre el uso de los Dataview y loas listeners para sus items o elementos. Por ejemplo al darle click, Drag & Drop, etc. Saludos

                  • Avatar-2 Daniel 05/05/2010

                    vas a publicar + ejemplos?

                    • Avatar-6 Crysfel 05/05/2010

                      Claro, estoy preparando algunos mas :)

                      • Avatar-7 Diego Gonzales Soto 11/05/2010

                        Hola crysfel como estas, me gustaria saber como puedo capturar una foto y almacenarlo en mi base de datos todo esto con php y una camara webs.

                        • Avatar-6 Crysfel 12/05/2010

                          mmmm.... utiliza un applet de JAVA para tomar la fotografía y luego poder enviarla a tu PHP para que la guarde en tu base de datos. http://castleamber.com/ambercam.html

                          • Avatar-4 Lumir Olivares 19/07/2010

                            Hola crysfel, me gustaria saber si ademas del borderlayout y el table layout puedo usar otros, he escuchado de uno que se llama GridBagLayout que es muy versatil aunque un poco complejo, es que estoy haciendo un proyecto con ExtJS pero quiero cuadrar de manera que se vean bien ordenados los componentes dentro de un panel o una ventana

                            • Avatar-5 Lumir Olivares 22/07/2010

                              El codigo que me genera el Ext Designer al momento de pegarlo en un archivo .js no me sale... :( solo me aparecen los componentes que creo manualmente......help me please!!!

                              • Avatar-5 juana 31/08/2010

                                quisiera que me den una ayuda de como usar el patron de diseño mvc en un proyecto hecho con extjs

                                • Avatar-8 ilen 07/11/2010

                                  Wao que facil se ve con el designer, si van hacer ejemplos de validacion de form con eventos? y la coxion a bases de datos como MySql? SALU2

                                  • Avatar-8 Tadeo 24/12/2010

                                    Hola Yo segui todos los pasos pero no me aparecen los labels , <stoy usando ExtDesigner 1.0.3.2. Gracias.

                                    • Avatar-9 Tadeo 25/12/2010

                                      Ya lo resolvi falto creo en el video establecer el fieldlabel en las cajas de texto: fieldlabel:Quizzpot Gracias y buen tutorial.

                                      • Avatar-10 krasho 28/06/2011

                                        Hola crysfel, gracias por el tuto, tengo una duda, cómo le puedo hacer para que los páneles dentro del FormPanel, se ajusten automáticamente al ancho de la ventana, es decir, si redimensiono quedan del mismo tamaño. Saludos

                                        • Avatar-7 Jorge Aguilar 27/06/2015

                                          Gracias lo probare.

                                          Instructor del curso

                                          Crysfel3

                                          Autor: Crysfel Villa

                                          Es ingeniero de software con más de 7 años de experiencia en desarrollo web.

                                          Descarga Código Fuente Ver Demostración

                                          Regístrate a este curso

                                          Este tutorial pertenece al curso Aprendiendo Ext JS 3, revisa todos los tutoriales que tenemos en este mismo curso ya que están en secuencia y van de lo más sencillo a lo más complicado.

                                          Tendrás acceso a descargar los videos, códigos y material adicional.

                                          Podrás resolver los ejercicios incluidos en el curso así como los Quizzes.

                                          Llevarás un registro de tu avance.