git.roojs.org Git - roojs1/blob - docs/src/Roo_form_Password.js.html

   1 <html><head><title>Roo/form/Password.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-var">Roo.form.Password </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
   2     </span><span class="jsdoc-var">Roo.form.Password.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
   3
   4     </span><span class="jsdoc-var">this.inputType </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">;
   5 };
   6
   7 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.form.Password</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.form.TextField</span><span class="jsdoc-syntax">,  {
   8     </span><span class="jsdoc-var">onRender </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">)
   9     {
  10         </span><span class="jsdoc-var">Roo.form.Password.superclass.onRender.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">ct</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">position</span><span class="jsdoc-syntax">);
  11
  12         </span><span class="jsdoc-var">this.parentEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'form-password'</span><span class="jsdoc-syntax">);
  13
  14         </span><span class="jsdoc-var">this.wrap </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el.wrap</span><span class="jsdoc-syntax">({
  15             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'password-wrap'
  16         </span><span class="jsdoc-syntax">});
  17
  18         </span><span class="jsdoc-var">this.toggle </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.wrap.createChild</span><span class="jsdoc-syntax">({
  19             </span><span class="jsdoc-var">tag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Button'</span><span class="jsdoc-syntax">,
  20             </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'password-toggle'
  21         </span><span class="jsdoc-syntax">});
  22
  23
  24         </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
  25
  26         </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onToggleClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);;
  27     },
  28
  29     </span><span class="jsdoc-var">parentEl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  30     {
  31         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.el.findParent</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'.x-form-element'</span><span class="jsdoc-syntax">, 5, </span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">);
  32     },
  33
  34     </span><span class="jsdoc-var">toggleEl</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  35     {
  36         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.parentEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'button.password-toggle'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
  37     },
  38
  39     </span><span class="jsdoc-var">onToggleClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">)
  40     {
  41         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">input </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.el</span><span class="jsdoc-syntax">;
  42         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">toggle </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">();
  43
  44         </span><span class="jsdoc-var">toggle.removeClass</span><span class="jsdoc-syntax">([</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">]);
  45
  46         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">) == </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">) {
  47             </span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'text'</span><span class="jsdoc-syntax">);
  48             </span><span class="jsdoc-var">toggle.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">);
  49         }
  50         </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
  51             </span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">);
  52             </span><span class="jsdoc-var">toggle.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
  53         }
  54     }
  55 });</span></code></body></html>