2012-02-04 52 views
2

我試圖將項目包裝在xe:djextListTextBox中,以便當我將項目添加到特定寬度時,添加的下一個項目從新線條開始。如何以一定寬度將項目包裝在<xe:djextListTextBox>中

目前我在表格單元格中有xe:djextListTextBox,我的項目擴展了單元格而不是包裝。

我已經嘗試了很多東西,但似乎無法弄清楚。

這是我在我的樣式表中使用的一個tecnique:

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

感謝您的幫助

圖像顯示的項目正在擴展表格的寬度,如果我添加一個項目方含空格的項目似乎包裝好的

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等 - 它很難找出沒有看到代碼是什麼樣的風格。謝謝 - 傑里米 – 2012-02-05 00:32:41

回答

2

貌似我會在這裏回答我的問題...

,因爲我一直在尋找更深入地進入我看到有顯示這樣的每一項隱藏的輸入字段代碼: 項目1,項目2,項目3,ITEM4, ITEM5,ITEM6,item7,item8,item9,item10,第11項,item12

,所以我做了一下reasearch的,我似乎需要CSS自動換行:打破字 SPAN [ID $ = 'djextListTextBox10'] { width:200px; word-wrap:break-word}

2

設置'word-wrap:break-word;'可能會導致單詞中間出現分詞。所以我在現場使用了'DIV'和class="someName"和CSS我有.someName span span { float: left; }

相關問題