cambiar el contenido de una etiqueta según el tamaño del panel

Question

una vez más tengo una pregunta. Desde que estoy usando Google Web Toolkit (GWT) en el trabajo (junto con servlets Java), actualmente estoy construyendo alguna de las interfaces de usuario con GWT (en Java).

Tengo algunos problemas sin embargo. Estoy utilizando un SplitLayoutPanel que contiene una ScrollPanel a la izquierda y otro a la derecha .

En el ScrollPanel izquierda hay un VerticalPanel con varias etiquetas , que difieren en su ancho . Lo que quiero lograr, es: si el texto de la etiqueta no cabe en una sola línea, debería mostrar tantos caracteres como sea posible y tener un "..." al final , si no es se muestra totalmente.

Estoy a punto de añadir un manejador de sucesos CustomEvent de la etiqueta, que puede ser disparado cada vez que la etiqueta tiene que cambiar su contenido. Ahora el problema es, sin embargo, que los que había necesidad de disparar el evento cada vez que se cambia el tamaño o su ScrollPanel VerticalPanel interior (arrastrando el SplitLayoutPanel-Splitter).

Ahora la pregunta: ¿es posible anular una especie de "onResize" -Evento o al menos "onMouseMove" -Evento dentro del VerticalPanel , de modo que pudiera disparar el "changeLabelSize ()" -method para cada etiqueta en el interior de esta VerticalPanel?

¿Cómo iba a hacerlo? Gracias a todos por su tiempo de antelación! Por favor pedir nada claro, por lo que puedo aclararlo.

Saludos cordiales, Igor.

Answer 1

Esto puede hacerse fácilmente con la propiedad CSS text-overflow: ellipsis; .

  

Apoyado por IE7-, Safari y Konqueror.

Y puede ser emulado en Firefox .