3

我正在使用 GWT 2.4.0，当我填充 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 项的结尾被切断，水平滚动条不会出现。我尝试添加 someList.setStyleName("textarea-style1"); 进入 onModuleLoad() 函数并在 CSS 文件中定义它，如下所示：

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

这样做之后，我可以看到垂直和水平滚动条，但水平滚动条仍然不起作用。它被禁用。

现在我只是为 ListBox 中的每个项目设置一个标题，这样用户可以通过将鼠标放在它上面看到带有完整字符串的弹出窗口，但我想改用滚动条。任何帮助将不胜感激。

4

2 回答 2

1

AListBox只是一个 HTML <select>。我认为没有一种方法可以设置水平滚动条。

于 2012-05-30T21:59:35.433 回答
0

有一个overflow-x css 属性，它采用 values visible | hidden | scroll | auto。这在 chrome 中对我有用。实际上，我遇到了滚动条未显示的相反问题，因为overflowcss 属性被包含元素设置为隐藏。

于 2015-01-04T18:17:51.903 回答