GWT中ListBox元素的水平滾動條

我正在使用GWT 2.4.0，並且在填充ListBox小部件時出現問題。當我放置比ListBox更多的元素時，可以顯示垂直滾動條顯示得很好，並讓用戶看到所有元素。但是，當我添加一個比ListBox的寬度更長的字符串時，水平滾動條不會出現，並且用戶看不到該字符串的末尾。代碼在這裏：GWT中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中的每個項目設置一個標題，這樣用戶就可以通過將鼠標放在它上面來看到帶有完整字符串的彈出窗口，但我想使用滾動條代替。任何幫助將不勝感激。

來源

2012-05-30 Toli

A ListBox只是一個HTML <select>。我不認爲有辦法有一個水平滾動條。

來源

2012-05-30 21:59:35

感謝您的回答托馬斯，但正如我上面提到的，當我設置溢出滾動CSS文件問題依然存在。它使水平滾動條出現，但不幸的是它被禁用並且不起作用。 – Toli

糟糕！對不起，錯過了。 TL; DR我想。編輯的答案刪除該建議。 –

有一個overflow-x css屬性值爲visible | hidden | scroll | auto。這在Chrome中適用於我。其實我有相反的問題，滾動條不顯示，因爲overflow css屬性被設置爲隱藏一個包含元素。

來源

2015-01-04 18:17:51

GWT中ListBox元素的水平滾動條

回答

相關問題