définir la largeur de la zone de liste déroulante pour ajuster automatiquement le texte d'option de champ le plus long dans ExtJS

Abhijit muke

Comment définir la largeur de la zone de liste déroulante pour ajuster automatiquement le texte d'option de champ le plus long?

Disons que j'ai un champ de zone de liste déroulante ayant une largeur de 300 ...

Je souhaite que la largeur de ma boîte combinée s'adapte automatiquement à cette option de champ long pour voir toute l'option de champ sélectionné dans Combo sans aucune coupe.

En fait, j'ai oublié qu'il y a des config qui font la même chose pour les combos en extjs.

Je pense que dans ExtJS 4, la largeur du combo était réglée sur ajustement automatique pour l'option de champ la plus longue.

Je ne veux pas le faire en ajoutant dynamiquement du code pour le redimensionner automatiquement.

Abhijit muke

Pas besoin d'ajouter de code manuel .. Ne donnez pas de largeur.

grow: true,
growToLongestValue: true

Travaillez aussi pour moi dans ExtJS 6.

Ext.create('Ext.form.ComboBox', {
       fieldLabel : 'Field',
       store : ['a', 'b', 'c', 'Long long long long long long long long'],
       grow : true,
       growToLongestValue : true,
       renderTo : Ext.getBody()
});

Vérifiez Sencha Fiddle https://fiddle.sencha.com/#fiddle/12jc

Articles connexes