当组合框的宽度较小时,GWT ComboBox 元素数据被截断
GWT ComboBox element data is cuts off when width of combo box is small
我正在使用 GWT 组合框小部件。如果组合框的宽度小于文本长度,我会遇到隐藏组合框文本的问题。
如图所示,由于组合框的宽度较小,最后一个元素文本被隐藏。所以我想在多行中显示全文。我怎样才能完成这个任务?
其实问题出在标准GWT-ext
ext-all.css
文件的x-combo-list-item
cssclass;这里有 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>"
我正在使用 GWT 组合框小部件。如果组合框的宽度小于文本长度,我会遇到隐藏组合框文本的问题。
如图所示,由于组合框的宽度较小,最后一个元素文本被隐藏。所以我想在多行中显示全文。我怎样才能完成这个任务?
其实问题出在标准GWT-ext
ext-all.css
文件的x-combo-list-item
cssclass;这里有 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>"