Comment puis-je changer la couleur d'un champ de texte à l'aide de ExtJS?
Je voudrais changer la couleur d'un ExtJS textfield, mais je n'ai pas de réussir. L'étiquette est le composant qui obtient la couleur:
var textfield= Ext.create('Ext.form.Text',
{
id: 'textfield',
name: 'name',
fieldLabel: 'Name',
style: 'background-color: #ddd;',
allowBlank: false,
});
Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [textfield]
});
Exemple:
http://jsfiddle.net/3ZZcZ/
Comment puis-je changer la couleur?
OriginalL'auteur Rox | 2012-02-09
Vous devez vous connecter pour publier un commentaire.
Vous devez définir
fieldStyle
au lieu destyle
. Vous devez également remplacer l'Ext JS défaut, ce qui définit une image de fond sur le terrain. Comme ceci:Ouais comment voulez-vous modifier dynamiquement?
OriginalL'auteur Vasiliy Faronov
Une meilleure façon de procéder est de définir la fieldCls attribut d'une classe CSS.
Comme ceci:
Champ Config:
CSS:
OriginalL'auteur dbrin
Vous pouvez le faire de plusieurs façons
Option 1(Global): Changer le SASS valeur de la variable des "Ext.forme.champ.Texte"
Option 2: Créer un mixin
Option 3: utilisation du champ de formulaire "fieldStyle" config
Option 4: ajouter "cls" de champ de formulaire et ajouter votre style à votre fichier css
OriginalL'auteur Sushith
Expansion sur Vasiliy de réponse. Le style peut être défini de façon dynamique comme suit:
OriginalL'auteur Ramzi Njeim