GWT 콤보 상자 위젯을 사용하고 있습니다. 나는 폭이 텍스트 길이보다 작 으면 combox 상자의 텍스트를 숨기는 문제에 직면했다. 이 이미지에서 볼 수 있듯이콤보 상자의 너비가 작 으면 GWT ComboBox 요소 데이터가 잘립니다.
는 마지막 요소의 텍스트는 콤보 상자의 작은 폭으로 인해 숨길 수 있습니다. 그래서 여러 줄로 된 전체 텍스트를 보여주고 싶습니다. 이 작업을 어떻게 수행 할 수 있습니까?
실제로 문제는 표준 GWT-extext-all.css 파일의 x-combo-list-item css 클래스에 있습니다. 여기서 white-space: nowrap 행이 있습니다. 콤보 상자 안에 여러 항목을 만들려면 white-space: normal으로 설정하여이 스타일을 재정의해야합니다. 내 머리 속의 첫 번째 방법은이 예제를 사용하는 것입니다 : http://gwt-ext.com/demo/#styledComboBox. 여기서 콤보 박스 항목을 만드는 데 사용할 수있는 HTML 템플릿을 볼 수 있습니다. 예를 들어 필요에 맞는 템플릿을 사용할 수 있습니다.
<div class=\"x-combo-list-item\" style=\"white-space: normal\">" + "{name}</div>"