0

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

4

1 回答 1

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.

于 2012-10-01T14:09:45.737 回答