2

我试图将项目包装在 a 中xe:djextListTextBox，以便当我将项目添加到特定宽度时，添加的下一个项目从新行开始。

目前我有xe:djextListTextBox一个表格单元格，我的项目正在扩展单元格而不是包装。

我已经尝试了很多东西，但似乎无法弄清楚。

这是我在样式表中使用的一种技术：

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 回答