如果选择文本大于控件大小,如何使 DOJO CheckedMultiSelect 文本包装以及如何在同一控件中启用水平滚动
问问题
1701 次
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 回答