2

xe:djextListTextBox特定の幅にアイテムを追加したときに、次に追加されるアイテムが新しい行から始まるように、アイテムをラップしようとしています。

現在xe:djextListTextBox、テーブルセルにあり、アイテムは折り返す代わりにセルを拡張しています。

私はたくさんのことを試しましたが、それを理解できないようです。

これは、スタイルシートで使用したテクニックの1つです。

SPAN[id$='djextListTextBox10']{width:200px}

ご協力いただきありがとうございます

画像は、アイテムがテーブル幅を拡張していることを示しています。スペースを含むアイテムを追加すると、アイテムは正常にラップされているように見えます

画像は、アイテムがテーブル幅を拡張していることを示しています。スペースを含むアイテムを追加すると、アイテムは正常にラップされているように見えます

<xp:panel style="width:300px">
<xe:djextListTextBox id="djextListTextBox10"
    multipleSeparator="," multipleTrim="true"
    value="#{userdocbasic.fld}" displayLabel="true"
    style="font-weight:bold;width:300px" type="text" tooltip="Select"
    title="nnn">
</xe:djextListTextBox>
</xp:panel>




<div style="width:300px">
<span id="widget_view:_id1:dynC:_id96:djextListTextBox10" wairole="presentation"     style="font-weight: bold; width: 300px; " class=""    dojoattachevent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" role="presentation" widgetid="view:_id1:dynC:_id96:djextListTextBox10">
<input name="view:_id1:dynC:_id96:djextListTextBox10" dojoattachpoint="textbox" type="hidden" dojoattachevent="onchange: _onTextChange" value="item1,item2,item3,item4,item5,item6,item7,item8,item9,item10,item11,item12">
<span dojoattachpoint="list,focusNode" class="lotusFilters lotusInlineList" id="view:_id1:dynC:_id96:djextListTextBox10" tabindex="-1" title="User defined skills">
<span val="item1" style="" tabindex="0"><a href="javascript:;" tabindex="-1"  class="lotusFilter">item1<span class="lotusClose">x</span></a></span></span>
</span>
</div>
4

2 に答える 2

2

ここで自分の質問に答えるように見えます...

コードを詳しく調べていたところ、item1、item2、item3、item4、item5、item6、item7、item8、item9、item10、item11、item12 のように各アイテムを表示する隠し入力フィールドがあることがわかりました。

少し調べてみたところ、css word-wrap: break-word SPAN[id$='djextListTextBox10']{width:200px;word-wrap: break-word} が必要なようです

于 2012-02-05T07:32:12.323 に答える
2

'ワードラップ: ブレークワード;' の設定 単語の途中で単語が切れる可能性があります。だから私はフィールドの周りに「DIV」を使用し、class="someName"私が持っているCSSで.someName span span { float: left; }

于 2012-07-27T09:48:17.117 に答える