我正在尝试将项目包装在 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>
最佳答案
看起来我会在这里回答我自己的问题......
当我更深入地研究代码时,我发现有一个隐藏的输入字段显示每个项目,如下所示: 项目1、项目2、项目3、项目4、项目5、项目6、项目7、项目8、项目9、项目10、项目11、项目12
所以我做了一些研究,我似乎需要 css word-wrap: break-word SPAN[id$='djextListTextBox10']{宽度:200px;自动换行:换行}
关于lotus-domino - 如何将项目包装在 <xe :djextListTextBox> at a certain width 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9141207/