2012-11-09 8 views
6

Ich habe Passwort und bestätige Passwortfelder, die ich anzeigen möchte ********* in bis das Feld den Fokus bekommt.Wie lösche/setze ich das Passwortfeld emptyText onfocus/onblur?

var passwordFields = { 
    layout: "vbox", 
    border: 0, 
    defaults: { 
     xtype: "textfield", 
     inputType: "password", 
     labelAlign: "top", 
     emptyText: "********", 
     validateOnChange: false 
    }, 
    items: [{ 
     fieldLabel: "Password", 
     name: "pass", 
     allowBlank : false, 
     itemId: "pass" 
    }, { 
     fieldLabel: "Confirm Password", 
     name: "pass-cfrm", 
     allowBlank: false, 
     initialPassField: "pass" 
    }] 
}; 

brauche ich einen onfocus Handler hinzuzufügen, um die emptyText weggehen zu machen, wenn das Feld im Fokus ist, aber der Benutzer nichts eingegeben hat, oder gibt es einen einfacheren Weg, die ich vermisst habe?

edit:

Ich habe den folgenden Code in die Steuerung, die den Wert setzt als abhängig von einem Flag benötigt, aber hatte gehofft, dass das Standardverhalten des emptyText wäre, dass es onfocus verschwindet und erscheint wieder nach onblur wenn das Feld leer ist ...

var field = this.getPassField(); 
field.emptyText = "••••••••"; 
field.applyEmptyText(); 
+1

hmm, interessante Frage 1 gelöst werden. Mein letzter emptyText läuft in ExtJS 3.4 und dort verschwindet er sobald das Feld den Fokus bekommt. – sra

+0

Ich habe nur extjs 4+ Dank für die Kommentierung verwendet – DaveAlger

Antwort

-1

Sieht so aus, als ob es ein fehlendes Feature ist. Wenn Sie sich die Kommentare zum inputType docs ansehen: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Base-cfg-inputType werden Sie sehen, dass jemand das bereits entdeckt hat. Allerdings verwende ich emptyText für andere Feldtypen und sie funktionieren gut.

+0

Wie kann ich Kommentare zu den InputType Docs aussehen? Ich sehe keine Kommentare oder einen Link zu Kommentaren usw. – Jom

+0

Folgen Sie dem Link und klicken Sie auf "1 Kommentar anzeigen" link – dbrin

+0

LoL! Das ist mein Kommentar in der Dokumentation :) – A1rPun

1

Dieses Problem kann jedoch die Funktion

inputType:'password' 
Verwandte Themen