Form login ExtJS

ramiro_md · #1 (**permalink**) 18/07/2011, 12:10

Buenas, sigo incursionando en este framework que tanto promete.
El tema es que estaba realizando una ventana de login (para iniciar sesión

) y firebug me devuelve un error en el ext-all.js, ni siquiera en mi código (login.js). Y realmente estoy hasta las manos con ese error. Dejo mis códigos a ver si algún experimentado en el tema me puede echar una mano!.

Index.html

Código HTML:

Ver original<head>
    <title>Reserva</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="libs/ext/resources/css/ext-all.css" type="text/css">
    <script src="libs/ext/ext-all.js" type="text/javascript"></script>
    <script src="login.js" type="text/javascript"></script>
</head>

Eso es lo importante del index. El body esta vacio.

Login.js

Código Javascript:

Ver originalExt.onReady(function(){
    /* Defino la ventana contenedora del form */
    var win = new Ext.Window({
        layout: 'fit',
        title: 'Iniciar Sesi&oacute;n',
        closabe: false,
        plain: true,
        border: true,
        width: 270,
        height: 130,
        /* Defino el form (propiedades) */
        items: new Ext.FormPanel({
            labelWidth: 70,
            url: 'login.php',
            frame: true,
            width: 270,
            defaultType: 'textField', /* ¿tipo x defecto de los fields ? */
            defaults: {width: 150},
            /* Defino los elementos del form */
            items:[
                {fieldLabel: 'Usuario', name: 'user', allowBlank: false},
                {fieldLabel: 'Password', name: 'psswd', inputType: 'password', allowBlank: false}
            ],
            /* Defino los botones del form (no se por que no es un "item") */
            buttons:[
                {text: 'Enter'}
            ]
        })
    })
    win.show(); 
});

Y ahí el login.js. Como verán he comentado alguna líneas para llevar un apunte, ya que reitero son mis primeras armas en el tema. Y no me molestaría ninguna sugerencia o llamada de atención sobre el código.
Por otro lado el error que devuelve firebug es:

Cita:

Error: g is undefined
Archivo de origen: http://localhost/reservas/libs/ext/ext-all.js
Línea: 15

Agradecería cualquier ayuda.
Desde ya muchas gracias.

Aijoona · #2 (**permalink**) 18/07/2011, 14:02

Usa la version de debug (ext-all-debug.js) para desarrollar, probablemente te de errores más verboses.

ramiro_md · #3 (**permalink**) 18/07/2011, 17:20

Aijoona, gracias por la respuesta, el error que me tira ahora es el siguiente:

Cita:

Error: namespace is undefined
Archivo de origen: http://localhost/reservas/libs/ext/ext-all-debug.js
Línea: 3487

Aijoona · #4 (**permalink**) 18/07/2011, 20:14

Es ExtJS4 o 3?

ramiro_md · #5 (**permalink**) 18/07/2011, 21:09

ExtJS 4, me conviene usar alguna versión más vieja como para empezar ?

Aijoona · #6 (**permalink**) 18/07/2011, 21:18

No necesitas incluir el core? Ext.core?

ramiro_md · #7 (**permalink**) 18/07/2011, 21:22

No lo sé jeje, en todos los tutoriales figuran esos js solamente. Igualmente ahora estoy arrancando unos que estan hechos con la versión 3 y estoy haciendolos andar de a poco.
Por casualidad no estas registrado en el foro ExtJs español ??

Aijoona · #8 (**permalink**) 18/07/2011, 21:24

Nope, si ese no es el problema te diria que vayas simplificando el script hasta encontrar el problema.