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

ListBox은 단순히 HTML <select>입니다. 나는 수평 스크롤 바를 가지는 방법이 있다고 생각하지 않는다.

출처

2012-05-30 21:59:35

답장을 보내 주셔서 감사합니다. 토마스,하지만 위에서 언급 한 것처럼 오버플로를 CSS 파일에서 스크롤하도록 설정하면 문제가 남아 있습니다. 그것은 수평 스크롤바가 나타나지만 불행히도 그것은 불가능하고 작동하지 않습니다. – Toli

죄송합니다. 미안 해요. TL, DR 내 생각 엔. 수정 된 답변을 사용하여 제안을 삭제하십시오. –

여기 overflow-x 값이 visible | hidden | scroll | auto 인 CSS 속성. 이것은 크롬에서 나를 위해 작동합니다. 사실 나는 스크롤 막대가 나타나지 않는 반대의 문제가 있습니다. overflow css 속성이 포함 된 요소에 의해 숨겨져 있기 때문입니다.

출처

2015-01-04 18:17:51

GWT의 ListBox 요소에 대한 가로 스크롤 막대

답변

관련 문제