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。