Xpages dojo listTextBox вертикальный стек? - PullRequest
0 голосов
/ 06 сентября 2018

Как мне складывать элементы в поле 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">

1 Ответ

0 голосов
/ 07 сентября 2018

Это решение работает для тем OneUI в 9.0.1:

<?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;
}
...