Necesito algo de ayuda por favor

JALF

Hola a todos, bueno estoy iniciando en esto y tengo ya un pequeño recorrido haciendo aplicaciones web. Pero esta ves quiero adentrarme en el mundo de las aplicaciones realizadas con ExtJS pero.... haciendo un simple ejemplo.... me he quedado algo corto y lo expongo aquí a ver si me pueden tal ves dar una mano.

Mi pregunta es como puedo acceder a un xtype con su id o itemId ??? alguien me puede echar una manito con esto?

Lo que pasa es que quiero hacer una pequeña prueba y es que cuando presiono un botón, pueda volver visible un spacer que por defecto está hidden:true ¿me comprenden? el spacer tiene por id crgAjax

Espero que me puedan ayudar Salu2 y de ante mano muchas gracias por la ayuda que me puedan prestar

index.html

&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4&#46;01 Transitional//EN&quot;&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
    &lt;title&gt;Devasoft&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;js/ext-3&#46;3&#46;0/resources/css/ext-all&#46;css&quot; /&gt;
    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;js/ext-3&#46;3&#46;0/resources/css/xtheme-blue&#46;css&quot; /&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/ext-3&#46;3&#46;0/adapter/ext/ext-base&#46;js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/ext-3&#46;3&#46;0/ext-all&#46;js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/ext-3&#46;3&#46;0/locale/ext-lang-es&#46;js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/main&#46;js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
      Ext&#46;onReady(devasoft&#46;login&#46;init,devasoft&#46;login,function(){Ext&#46;QuickTips&#46;init()});
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
&lt;/html&gt;

main.js

Ext&#46;namespace('devasoft');
Ext&#46;BLANK_IMAGE_URL = 'js/ext-3&#46;3&#46;0/resources/images/default/s&#46;gif';

devasoft&#46;login = {
  init&#58; function(){
    this&#46;form = new Ext&#46;FormPanel({
      xtype&#58; 'form',
      border&#58; false,
      padding&#58; 5,
      method&#58; 'POST',
      url&#58; 'login&#46;php',
      region&#58; 'center',
      itemId&#58; 'itmformIdentificacion',
      labelWidth&#58; 60,
      unstyled&#58; true,
      standardSubmit&#58; true,
      id&#58; 'formIdentificacion',
      items&#58; &#91;
      {
        xtype&#58; 'textfield',
        fieldLabel&#58; 'Usuario',
        anchor&#58; '100%',
        name&#58; 'usu',
        itemId&#58; 'itmUsu',
        id&#58; 'usu'
      },
      {
        xtype&#58; 'textfield',
        fieldLabel&#58; 'Password',
        anchor&#58; '100%',
        inputType&#58; 'password',
        name&#58; 'pass',
        itemId&#58; 'itmPass',
        id&#58; 'pass'
      },
      {
        xtype&#58; 'container',
        layout&#58; 'hbox',
        activeItem&#58; 0,
        id&#58; 'cnt1',
        layoutConfig&#58; {
          align&#58; 'middle'
        },
        items&#58; &#91;
        {
          xtype&#58; 'spacer',
          flex&#58; 1,
          id&#58; 'esp1'
        },
        {
          xtype&#58; 'spacer',
          html&#58; '&lt;img src=&quot;http&#58;//static&#46;ak&#46;fbcdn&#46;net/rsrc&#46;php/zb/r/GsNJNwuI-UM&#46;gif&quot; width=&quot;16&quot; height=&quot;11&quot; /&gt;',
          width&#58; 16,
          height&#58; 11,
          hidden&#58; true,
          id&#58; 'crgAjax'
        },
        {
          xtype&#58; 'spacer',
          width&#58; 5,
          id&#58; 'esp3'
        },
        {
          xtype&#58; 'button',
          text&#58; 'Entrar',
          width&#58; 50,
          type&#58; 'button',
          itemId&#58; 'itmbtnEntrar',
          id&#58; 'btnEntrar',
          handler&#58; this&#46;enviarFormulario,
          scope&#58; this
        }&#93;
      }&#93;
    });

    this&#46;win = new Ext&#46;Window({
      xtype&#58; 'window',
      title&#58; 'Davasoft &#58;&#58; Identificación de Usuario',
      width&#58; 250,
      height&#58; 114,
      closable&#58; false,
      resizable&#58; false,
      draggable&#58; false,
      layout&#58; 'border',
      items&#58; &#91;this&#46;form&#93;
    });
    this&#46;win&#46;show();
  },

  enviarFormulario&#58; function() {
    crgAjax&#46;hidden = false;
  }
}

Howdy, Stranger!

Categories

Poll

Copyright & Usage

Advertise here

Bookmark us