dojo - Dojo CheckedMultiSelect 文本换行和水平滚动

Question

如果选择文本大于控件大小，如何使 DOJO CheckedMultiSelect 文本包装以及如何在同一控件中启用水平滚动

Answer 1

您所需要的只是覆盖 CSS 规则。请参阅 jsFiddle 的工作示例：http: //jsfiddle.net/phusick/qrSWu/

对于您的两种需求，您都需要限制width. dojox/form/CheckedMultiSelect可以将narrow类添加到标记<select data-dojo-type="dojox/form/CheckedMultiSelect" class="narrow">或 JavaScript（通过className）：

.narrow .dojoxCheckedMultiSelectWrapper {
    width: 100px;
}

对于水平滚动，还要添加scroll类 ( class="narrow scroll")：

.scroll .dojoxCheckedMultiSelectWrapper {
    overflow-x: scroll;
}

为了包装选项文本添加wrap类（class="narrow wrap"）：

.wrap .dojoxMultiSelectItemLabel {
    white-space: normal;
}

.wrap .dojoxMultiSelectItemBox {
    vertical-align: top;
    margin-top: 3px;
}

根据您包含样式表的顺序，您可能需要添加!important.