Réglage de la couleur d'arrière-plan sur Extjs Textfield
Je suis en train de mettre une couleur de fond à un champ de texte lorsque sa valeur est supérieure à 75. j'ai donc ajouté le code ci-dessous à l'auditeur
listeners: {
beforeRender: function(e) {
if (someValue >= 75) {
e.style = " background-color: #00CC99";
}
}
}
mais j'obtiens quelque chose comme ci-dessous lorsqu'il rend,
est-il un moyen de faire de la couleur verte visible dans l'ensemble de la zone de texte au lieu de simplement buttom? J'ai compris qu'il ne s'affiche pas comme prévu en raison de la CSS par défaut de l'image d'arrière-plan. Mais je veux changer le css sur le changement de la valeur et ne pas écrire séparée css pour juste un textbox. Est-il un moyen de le faire?
OriginalL'auteur oortcloud_domicile | 2012-02-21
Vous devez vous connecter pour publier un commentaire.
Simplement se débarrasser de l'image d'arrière-plan:
Si
e
est un objet DOM utilisation élément.style.property = 'valeur'
à la place:Par souci d'exhaustivité, la définition de l'ExtJS (selon la ExtJS "Champ de Formulaire de Type" démo):
Vous pouvez fournir un travail en ligne de votre problème et de l'inclure dans votre question ;). Utiliser les jsfiddle.net par exemple.
Je l'ai eu, j'ai été en utilisant l'e.style pour définir les valeurs qui ne fonctionne pas, alors j'ai utilisé firebug pour voir ce qui est réellement cet élément, il s'avère qu'il est la méthode setStyle en "el" objet de "e". Alors je l'ai changé à l'e.el.setStyle("background-image", "none"); adresse.el.setStyle("background-color", "#00cc99"); ce qui fonctionne parfaitement. merci
OriginalL'auteur Zeta