Xpages dojo listTextBox 垂直堆栈？

Question

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

我看到了一个解决方案 HERE，但是这个解决方案声称 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;
}

Xpages dojo listTextBox 垂直堆栈？

Xpages dojo listTextBox vertical stack?

arraylist

textbox

dojo

xpages