2016-08-03 18 views
0

Ich habe ein Element der Art 'Ext.form.field.Text'.
Ich möchte die Farbe der Eingabezeichenfolge in das Textfeld ändern.
Derzeit ist das Feld deaktiviert und der Text wird in einer sehr hellgrauen Farbe angezeigt, und ich möchte es in etwas anderes ändern.
Ich habe versucht:Farbe des Wertes im Textfeld ändern

<code> 
    field.setFieldStyle('color: red ;'); 
    field.fieldCls = 'color: red ;'; 
    field.cls = 'color: red ;' 
</code> 

Alle der oben genannten keine Auswirkung auf das Feld hatte, oder um das Feld Einfluss auf den Rahmen.
Ich mag würde nur den Text ändern um auf dem Feld, nichts gefüllt ist ...
Auch wollten diese die Farbe des Etiketts des Feldes ändern, indem Sie:

<code>`field.setLabelCssCls('color: DarkSlateGrey ;');`</code> 

Und es hatte Erfolgreich gearbeitet, auf der Suche nach eqvivalent für den Text selbst.

+0

Sie haben die ExtJS-Version nicht angegeben. 'field.setFieldStyle ('color: red;')' funktioniert in 6.0.2 Triton gemäß [dieser Geige] (https://fiddle.sencha.com/#fiddle/1els). – Alexander

+0

richtig, ich habe es vergessen. extjs Version 5.0.1, wusste nicht, dass es von Version 6.0.2 ist. – Inbal

+0

Der gleiche Code funktioniert auch in 5.0.1-Crisp. Nicht sicher, was dein Problem ist. – Alexander

Antwort

1

Um Eingabe String bunt zu machen, müssen Sie einige CSS hinzufügen. In CSS müssen Sie die gewünschte Farbe hinzufügen. Danach rufen Sie dieses css in field.fieldCls Eigentum. Diese Standard-CSS-Klasse für die Feldeingabe. CSS sein sollte:

.colorText{ 
    color: red; 
} 

und nach dem Aufsetzen CSS Aufruf dieses CSS in field.fieldCls wie

fieldCls: 'colorText', 

ich einen Fiedler erstellen für Sie da können Sie hier prüfen. Fiddle

+0

Es funktioniert nicht, vielleicht wird der Wert von extjs deaktivierten Eigenschaften geändert, ** nachdem ** mein Code gerendert wird? Wie kann ich das überprüfen und vermeiden? – Inbal

+0

Und auch, Sie haben allowBlank: false, ich wurde gebeten, diese Eigenschaft nicht zu verwenden, so dass ich "deaktiviert" -Eigenschaft verwenden, vielleicht ist es deshalb, warum es nicht funktioniert hat ... – Inbal

+0

können Sie Ihren Code bitte – UDID

Verwandte Themen