如何使用bootstrap主题在dataview中设置2自定义图标

Question

我遇到与this post相同的问题，但有一个额外的复杂问题。我需要在我的dataView中放两个图标，让它们水平而不是垂直。

我可以在那里看到图标，但看起来不正确，因为我需要它们水平对齐：

 <xe:this.facets>            
            <xp:panel xp:key="icon">
                <xp:div id="div1">
                    <xp:this.styleClass>
                        <![CDATA[#{javascript:return "glyphicon glyphicon-arrow-up pull-left"}]]>
                    </xp:this.styleClass>
                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="complete">
                        <xp:this.action><![CDATA[#{javascript://Do stuff here}]]></xp:this.action>
                    </xp:eventHandler>
                </xp:div>
                <xp:div id="div2">
                    <xp:this.styleClass>
                        <![CDATA[#{javascript:return "glyphicon glyphicon-arrow-down pull-right"}]]>
                    </xp:this.styleClass>
                    <xp:eventHandler event="onclick" submit="true"
                        refreshMode="complete">
                        <xp:this.action><![CDATA[#{javascript://Do stuff here}]]></xp:this.action>
                    </xp:eventHandler>
                </xp:div>
            </xp:panel>
    </xe:this.facets>

Answer 1

由于这些是div，因此默认情况下它们将成为display: block。我建议您在style="display: inline"中添加<xp:div/>之类的内容，或者将其更改为<xp:panel tagName="i"/>。