Changer TextField style dynamique dans Extjs
Je suis en train de définir la couleur d'arrière-plan et la couleur d'un TextField (pour masquer un mot de passe) sur une case à cocher, cliquez sur événement. De mon mieux essayer:
var hidePass = new Ext.form.Checkbox({
xtype: 'checkbox',
boxLabel: 'Hide Password',
name: 'hidePass',
handler: function (checkbox, checked) {
if (checked) {
pass1.fieldStyle = 'background-color: #ddd; background-image: none;';
}
}
});
ce code ne fonctionne pas. Aucune erreur n'est renvoyée. Je ne sais pas où aller à partir d'ici. J'ai cherché partout et ne peut pas trouver quelque chose comme cela. Je ne trouve pas toutes les propriétés ou des méthodes pour modifier le style qui fonctionne.
- Quelle est la version de ExtJs utilisez-vous?
- Malheureusement, je suis bloqué à l'aide de 3.3
- Je suis venu avec une solution de rechange. Je viens de rajouter une classe pour le champ mot de passe dans le gestionnaire si elle est cochée, puis d'utiliser une ligne de la feuille de style. Pas très élégant.
Vous devez vous connecter pour publier un commentaire.
1.Assurez-vous d'abord d'avoir un id pour vous l'élément
2.Maintenant, essayez
Ext.get('yourID').setStyle('margin-top','30px');
--Cela devrait fonctionner
Si vous utilisez ExtJs 4, ne pas affecter un style comme ceci directement. Utilisation
setStyle
méthode: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.forme.champ.Texte-méthode-setFieldStyle