GWT中ListBox元素的水平滚动条

Question

我正在使用 GWT 2.4.0，当我填充 ListBox 组件时出现问题。当我添加的元素数量超过 ListBox 可以显示的数量时，垂直滚动条正常出现并允许用户查看所有元素。但是，当我添加一个长度超过 ListBox 宽度的字符串时，水平滚动条不会出现，用户无法看到字符串的结尾。以下是代码：

private VerticalPanel mainPanel = new VerticalPanel();
private ListBox someList = new ListBox();
public void onModuleLoad() {
someList.setVisibleItemCount(5);
    someList.setWidth("180px");
    someList.addItem("Item1");
    someList.addItem("Item2");
    someList.addItem("Item3333333333333333333333333");
    someList.addItem("Item4");
    someList.addItem("Item5555555555555555555555555");
    someList.addItem("Item6");
    someList.addItem("Item7");
    someList.addItem("Item8");
    mainPanel.add(someList);
    RootPanel.get("list").add(mainPanel);
}

因此，第3和第5项的末尾被截断，水平滚动条没有出现。 我尝试在onModuleLoad()函数中添加 someList.setStyleName("textarea-style1"); 并在CSS文件中定义如下：

.textarea-style1
{
    BACKGROUND-COLOR: #FBFBEF; 
    FONT-SIZE: 15px;
    overflow: scroll;
}

经过操作，我能够看到垂直和水平滚动条，但是水平滚动条仍然无法使用，处于禁用状态。

目前，我只是在ListBox中为每个项目设置了标题，以便用户可以将鼠标放在上面时弹出完整字符串的弹出窗口，但我想改用滚动条。

任何帮助都将不胜感激。

- Toli

Answer 1

一个 ListBox 简单来说就是一个 HTML 的 <select>。我认为没有办法添加水平滚动条。

- Thomas Broyer

---

谢谢你的回答，Thomas。但是正如我上面提到的，当我在CSS文件中将overflow设置为scroll时，问题仍然存在。它会使水平滚动条出现，但不幸的是它是被禁用的，无法使用。 - Toli

抱歉！我错过了那个。我猜太长了，没看完。编辑答案以删除该建议。 - Thomas Broyer

Answer 2

有一个overflow-x的CSS属性，它可以取值为visible | hidden | scroll | auto。在Chrome中这对我很有效。实际上，我曾经遇到过相反的问题，滚动条没有显示，因为包含元素设置了overflow CSS属性为hidden。

- Salix alba