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项的结尾被切断，并且不会出现水平滚动条。我尝试将 someList.setStyleName（“textarea-style1”）; 添加到onModuleLoad（）函数中，并在CSS文件中将其定义为：

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

执行此操作后，我可以看到垂直和水平滚动条，但水平滚动条仍无效。它已被禁用。

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

Answer 1

ListBox只是一个HTML <select>。我认为没有办法让水平滚动条。

Answer 2

有overflow-x个css属性，其值为visible | hidden | scroll | auto。这适用于我的铬。实际上我有一个相反的问题，滚动条没有显示，因为overflow css属性被设置为由包含元素隐藏。

GWT中ListBox元素的水平滚动条

2 个答案: