X页面道场列表文本框垂直堆栈?

Question

如何在 djListTextBox 字段中堆叠项目以垂直而不是水平排列？当涉及到单元格或面板的边界时，它们甚至不会在值之间干净地中断。

我在这里看到了一个解决方案，但是这个解决方案声称 djextListTextBox 中显示的值被 span 和标签包围，因此我可以在上面放一些 css(例如"verticalStack"(，但我得到的 html 是这个，每个项目周围没有任何 span 标签：

<input type="text" dojoType="extlib.dijit.ListTextBox" msep="^^" 
class="verticalStack" id="view:_id1:_id2:OneUIMainAreaCallback:NAICSCodes" 
name="view:_id1:_id2:OneUIMainAreaCallback:NCodes" value="Oilseed^^Apple 
Orchards^^Synthetic Dye">

Answer 1

此解决方案适用于 9.0.1 上的 OneUI 主题：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view
xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xp:this.beforePageLoad><![CDATA[#{javascript:
sessionScope.test = ["aaa", "bbb", "ccc"]
}]]></xp:this.beforePageLoad>
<xp:this.resources>
<xp:styleSheet
href="/yourCssFile.css"></xp:styleSheet>
</xp:this.resources>
<xe:djextListTextBox
id="djextListTextBox1"
value="#{sessionScope.test}">
</xe:djextListTextBox>
</xp:view>

使用CSS文件

.lotusInlineList span {
display: block;
margin-left: 0px !important;
}
.lotusInlineList a span {
display: inline;
}