dojo - DojoCheckedMultiSelectテキストラップと水平スクロール

Question

DOJO CheckedMultiSelectテキストを折り返す方法と、選択したテキストがコントロールサイズよりも大きい場合に、同じコントロールで水平スクロールを有効にする方法

Answer 1

必要なのはCSSルールを上書きすることだけです。jsFiddleの実例を参照してください：http：//jsfiddle.net/phusick/qrSWu/

両方のニーズについて、widthのを制限する必要がありますdojox/form/CheckedMultiSelect。マークアップまたはJavaScriptnarrowにクラスを追加することを（経由で）行うことができます：<select data-dojo-type="dojox/form/CheckedMultiSelect" class="narrow">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。