Modificare il contenuto di un'etichetta a seconda delle dimensioni del pannello

Question

ancora una volta ho una domanda. Dal momento che sto usando Google Web Toolkit (GWT) sul posto di lavoro (insieme a Java Servlet), attualmente sto costruendo un po 'interfaccia utente con GWT (in Java).

Ho avuto qualche problema però. Sto usando un SplitLayoutPanel , che contiene uno ScrollPanel a sinistra e un altro a destra .

Nel ScrollPanel sinistra un VerticalPanel con varie etichette , che differiscono tra loro larghezza . Quello che voglio realizzare, è il seguente: se il testo del Label non va bene in una sola riga, dovrebbe visualizzare il maggior numero possibile di caratteri e hanno un "..." alla fine , se non lo è completamente visualizzato.

Sono per aggiungere un CustomEvent EventHandler per l'etichetta, che può essere licenziato ogni volta che l'etichetta ha bisogno di cambiare il suo contenuto. Ora il problema è però, che avrei bisogno di sparare l'evento ogni volta che viene ridimensionata la ScrollPanel o il suo interno VerticalPanel (trascinando lo SplitLayoutPanel-Splitter).

Ora la domanda: è possibile ignorare una sorta di "onResize" -Event o almeno "onMouseMove" -Event all'interno del VerticalPanel , in modo da poter sparare il "changeLabelSize ()" -Metodo per ogni etichetta interna di questa VerticalPanel?

Come potrei fare a questo proposito? Grazie a tutti per il vostro tempo in anticipo! Si prega di chiedere qualcosa di poco chiaro, in modo da poter chiarire.

Con i migliori saluti, Igor.

Answer 1

Questo può essere fatto facilmente con la proprietà CSS text-overflow: ellipsis; .

  

Supportato da IE7-, Safari e Konqueror.

E può essere emulato in Firefox .