Modifier le contenu d'une étiquette en fonction de la taille du panneau

Question

Je l'ai une fois de plus a une question. Depuis que je suis en utilisant Google Web Toolkit (GWT) au travail (avec Java Servlets), je suis en train de construire une interface utilisateur avec GWT (en Java).

J'ai quelques problèmes cependant. J'utilise un SplitLayoutPanel qui contient une ScrollPanel sur la gauche et l'autre à droite .

Dans la ScrollPanel gauche il y a un VerticalPanel avec plusieurs étiquettes , qui diffèrent par leur largeur . Ce que je veux accomplir, est: si le texte de l'étiquette ne correspond pas à une seule ligne, il devrait afficher autant de caractères que possible et un à la fin « ... » , si ce n'est pas pleinement affiché.

Je suis sur le point d'ajouter un CustomEvent EventHandler pour le label, qui peut être déclenché chaque fois que l'étiquette doit changer son contenu. Maintenant, le problème est cependant que je dois tirer l'événement chaque fois que le ScrollPanel ou son VerticalPanel intérieur est redimensionnée (en faisant glisser le SplitLayoutPanel-Splitter).

Maintenant, la question suivante: est-il possible de passer outre une sorte de "onResize" -Event ou au moins "onMouseMove" -Event à l'intérieur du VerticalPanel , afin que je puisse tirer le "changeLabelSize ()" -method pour chaque intérieur de l'étiquette de ce VerticalPanel?

Comment pourrais-je aller à ce sujet? Merci à tous pour votre temps à l'avance! S'il vous plaît demander quoi que ce soit clair, je peux le préciser.

Cordialement, Igor.

Answer 1

Cela peut se faire facilement avec la propriété CSS text-overflow: ellipsis; .

  

pris en charge par IE7-, Safari et Konqueror.

Et il peut être émulé dans Firefox .