snipplrCallback({"id":19630,"title":"loginjs","source":"
  1. Ext.onReady<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  2.     \/* activa los mensajes flotantes ya sean tooltips normales o errores<\/span><\/div><\/li>
  3.     de validaci\u00c3\u00b3n *\/<\/span><\/div><\/li>
  4.     Ext.QuickTips<\/span>.init<\/span>(<\/span>)<\/span>;<\/span><\/div><\/li>
  5.     \/\/ muestra un \u00c3\u00adcono de error en la parte lateral del campo<\/span><\/div><\/li>
  6.     Ext.form<\/span>.Field<\/span>.prototype<\/span>.msgTarget<\/span> =<\/span> 'side'<\/span>;<\/span><\/div><\/li>
  7.     panel =<\/span> new<\/span> Ext.FormPanel<\/span>(<\/span>{<\/span><\/div><\/li>
  8.         \/\/ indica que tipos de hijos seran creados en items<\/span><\/div><\/li>
  9.         defaultType:<\/span>'textfield'<\/span>,<\/span><\/div><\/li>
  10.         \/* permite monitorear el estado de los botones dentro del form<\/span><\/div><\/li>
  11.         que han sido configurados con formBind = true, para habilitarlos<\/span><\/div><\/li>
  12.         o deshabilitarlos, dependiendo si el form es valido o no *\/<\/span><\/div><\/li>
  13.         monitorValid:<\/span>true<\/span>,<\/span><\/div><\/li>
  14.         items:<\/span>[<\/span> \/\/ arreglo de objetos hijos<\/span><\/div><\/li>
  15.         {<\/span><\/div><\/li>
  16.             fieldLabel:<\/span>'Usuario'<\/span>,<\/span><\/div><\/li>
  17.             \/* el campo de texto ser\u00c3\u00a1 monitoreado para saber si se deja en<\/span><\/div><\/li>
  18.             blanco y lanzar el error de validaci\u00c3\u00b3n *\/<\/span><\/div><\/li>
  19.             allowBlank:<\/span>false<\/span>,<\/span><\/div><\/li>
  20.             width:<\/span> 150<\/span><\/div><\/li>
  21.         }<\/span>,<\/span>{<\/span><\/div><\/li>
  22.             fieldLabel:<\/span>'Contrase\u00c3\u00b1a'<\/span>,<\/span><\/div><\/li>
  23.             allowBlank:<\/span>false<\/span>,<\/span><\/div><\/li>
  24.             inputType:<\/span>'password'<\/span>,<\/span><\/div><\/li>
  25.             width:<\/span> 150<\/span><\/div><\/li>
  26.         }<\/span><\/div><\/li>
  27.         ]<\/span>,<\/span><\/div><\/li>
  28.         \/\/ arreglo de botones que seran puestos en el footer del FormPanel<\/span><\/div><\/li>
  29.         buttons:<\/span>[<\/span>{<\/span><\/div><\/li>
  30.                 \/\/ activamos el monitoreo de este bot\u00c3\u00b3n<\/span><\/div><\/li>
  31.                 formBind:<\/span> true<\/span>,<\/span><\/div><\/li>
  32.                 \/\/ agrega una imag\u00c3\u00a9n al bot\u00c3\u00b3n<\/span><\/div><\/li>
  33.                 icon:<\/span> 'imagenes\/accept.png'<\/span>,<\/span><\/div><\/li>
  34.                 text:<\/span>'Aceptar'<\/span><\/div><\/li>
  35.             }<\/span><\/div><\/li>
  36.         ]<\/span><\/div><\/li>
  37.     }<\/span>)<\/span>;<\/span><\/div><\/li>
  38.  <\/div><\/li>
  39.     login =<\/span> new<\/span> Ext.Window<\/span>(<\/span>{<\/span><\/div><\/li>
  40.         layout:<\/span> 'fit'<\/span>,<\/span><\/div><\/li>
  41.         width:<\/span> 317<\/span>,<\/span><\/div><\/li>
  42.         height:<\/span> 148<\/span>,<\/span><\/div><\/li>
  43.         title:<\/span> ':: Login ::'<\/span>,<\/span><\/div><\/li>
  44.         \/\/resizable: false,<\/span><\/div><\/li>
  45.         closeAction:<\/span> 'hide'<\/span>,<\/span><\/div><\/li>
  46.         closable:<\/span> true<\/span>,<\/span><\/div><\/li>
  47.         draggable:<\/span> false<\/span>,<\/span><\/div><\/li>
  48.         \/\/plain: true,<\/span><\/div><\/li>
  49.         border:<\/span> false<\/span>,<\/span><\/div><\/li>
  50.         defaults:<\/span>{<\/span><\/div><\/li>
  51.             padding:<\/span>'15px'<\/span><\/div><\/li>
  52.         }<\/span>,<\/span><\/div><\/li>
  53.         items:<\/span>[<\/span>panel]<\/span><\/div><\/li>
  54.     }<\/span>)<\/span>;<\/span><\/div><\/li>
  55.  <\/div><\/li>
  56.     login.show<\/span>(<\/span>)<\/span>;<\/span><\/div><\/li>
  57.  <\/div><\/li>
  58. }<\/span>)<\/span>;<\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/19630\/loginjs"});