Dojo CheckedMultiSelect文本换行和水平滚动
如何使DOJO CheckedMultiSelect文本包装,以及如何在同一控件中启用水平滚动,如果选择文本大于控件大小,则只需覆盖CSS规则。请参阅JSFIDLE上的工作示例: 对于这两种需求,您需要限制Dojo CheckedMultiSelect文本换行和水平滚动,dojo,Dojo,如何使DOJO CheckedMultiSelect文本包装,以及如何在同一控件中启用水平滚动,如果选择文本大于控件大小,则只需覆盖CSS规则。请参阅JSFIDLE上的工作示例: 对于这两种需求,您需要限制dojox/form/CheckedMultiSelect的宽度。可以在标记或JavaScript(通过className)中添加窄类: 对于水平滚动也添加滚动类(class=“窄滚动”): 对于换行选项文本添加wrapclass(class=“窄换行”): 根据包含样式表的顺序,您可能需要添
dojox/form/CheckedMultiSelect的宽度。可以在标记
或JavaScript(通过className
)中添加窄
类:
对于水平滚动也添加滚动
类(class=“窄滚动”
):
对于换行选项文本添加wrap
class(class=“窄换行”
):
根据包含样式表的顺序,您可能需要添加!重要信息
.narrow .dojoxCheckedMultiSelectWrapper {
width: 100px;
}
.scroll .dojoxCheckedMultiSelectWrapper {
overflow-x: scroll;
}
.wrap .dojoxMultiSelectItemLabel {
white-space: normal;
}
.wrap .dojoxMultiSelectItemBox {
vertical-align: top;
margin-top: 3px;
}