2012-02-04 8 views
2

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

現在、私はテーブルセルにxe:djextListTextBoxを持っていて、私のアイテムはラッピングではなくセルを拡張しています。

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

これは私が私のスタイルシートで使用される1 tecniqueです:私はアイテムは思えスペースをcontaing項目を追加する場合の項目は、テーブルの幅を拡張しているあなたの助け

イメージ・ショーのため

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

感謝[OK]をラップする

Image show the items are extending the table width, if I add an item containg a space the items seem to wrap ok

<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> 
+0

トーマス、あなたはコントロールのためのXSP、など - そのコードが何も見ていないスタイルを動作させることができますか?ありがとう - ジェレミー –

答えて

2

私は、このような各項目を表示する隠れた入力フィールドがあることがわかったコードをより深く見ていた:item1、item2、item3、item4、 item5、item6、item7、item8、item9、item10、item11、item12

ので、私はreasearchのビットを行なったし、私はCSSのワードラップを必要としているように見える:ブレークワード SPAN [ID $ = 'djextListTextBox10'] { width:200px; word-wrap:break-word}

2

設定 'word-wrap:break-word;'単語の途中で改行を引き起こす可能性があります。だから私はclass="someName"とフィールドの周りの 'DIV'を使用し、CSSで私は.someName span span { float: left; }

関連する問題