根据面板大小更改标签的内容答案

【问题标题】：Change content of a Label depending on panel size根据面板大小更改标签的内容
【发布时间】：2010-09-02 09:39:15
【问题描述】：

我又问了一个问题。由于我在工作中使用 Google Web Toolkit (GWT)（以及 Java Servlet），因此我目前正在使用 GWT（在 Java 中）构建一些用户界面。

不过我遇到了一些麻烦。我正在使用 SplitLayoutPanel，它左侧包含一个 ScrollPanel，右侧包含另一个。

在左侧的 ScrollPanel 中有一个 VerticalPanel，其中包含多个标签，它们的宽度不同。我想要完成的是：如果标签的文本不适合一行，它应该显示尽可能多的字符并在最后有一个“...”，如果不是完全显示。

我即将为 Label 添加一个 CustomEvent EventHandler，只要 Label 需要更改其内容，就可以触发该事件处理程序。然而现在的问题是，每当调整 ScrollPanel 或其内部 VerticalPanel 的大小时（通过拖动 SplitLayoutPanel-Splitter），我都需要触发事件。

现在的问题是：是否可以在 VerticalPanel 中覆盖某种“onResize”事件或至少“onMouseMove”事件，以便我可以触发“changeLabelSize()” - 这个 VerticalPanel 中每个标签的方法？

我会怎么做呢？提前感谢大家的时间！有什么不清楚的请追问，我可以澄清一下。

最好的问候，伊戈尔。

【问题讨论】：

标签： gwt custom-events

【解决方案1】：

这可以通过 CSS 属性 text-overflow: ellipsis; 轻松完成。

受 IE7-、Safari 和 Konqueror 支持。

它可以是emulated in Firefox。

【讨论】：

非常感谢 - 这确实解决了问题的一部分。由于我只需要支持 IE8，一切都很好 - 非常感谢你！ :)。但是我还有另一个（小）问题：SplitLayoutPanel.addWest 需要一个小部件和一个大小。我希望我使用 addWest 添加的小部件具有可变大小。我还没有想出办法做到这一点，但我正在尝试 - 你有什么提示吗？非常感谢您的帮助。