如何使按钮上的象形符号可点击

Question

在我的原生Notes开发中，我有一个按钮，我在其上定义了一个来自资源的图标。然后在有一个onclick事件。想使这与一个onclick引导按钮，所以我添加一个链接的行动，它执行的行动。如果我在按钮中显示的链接中添加文本那么当我点击文本时操作就会发生但是我只想让字形图标成为按钮的可点击部分

<div class="btn btn-success btn-sm">
    <span class="glyphicon glyphicon-chevron-down"></span>
    <xp:link id="expandLink" >
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="partial" refreshId="thisValue">
            <xp:this.action><![CDATA[#{javascript:viewScope.vsTest = "Test"}]]></xp:this.action>
        </xp:eventHandler>
    </xp:link>
</div>

如果我改变它并将文本添加到链接中它会起作用但只有当我点击文本

<div class="btn btn-success btn-sm">
    <span class="glyphicon glyphicon-chevron-down"></span>
    <xp:link id="expandLink" text="Expand">
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="partial" refreshId="thisValue">
            <xp:this.action><![CDATA[#{javascript:viewScope.vsTest = "Test"}]]></xp:this.action>
        </xp:eventHandler>
    </xp:link>
</div>

如果我必须添加文本，那么图标是不必要的。

是否有一种方法来添加一个字形的链接，使图标可点击或????

Answer 1

您可以将Glyphicon添加到xp:按钮。试试这样做:

<xp:button value="Expand" id="button1" styleClass="btn btn-success btn-sm">
    <span class="glyphicon glyphicon-chevron-down"></span>
    <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="thisValue">
        <xp:this.action><![CDATA[#{javascript:viewScope.vsTest = "Test"}]]></xp:this.action>
    </xp:eventHandler>
</xp:button>

Answer 2

有一个xp:span组件，它应该允许你向它添加一个eventandler。也许如果你用xp:text代替xp:link，它会达到你想要的效果。