0

在我的原生 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>

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

有没有办法将字形图标添加到链接以使图标可点击或????

4

2 回答 2

1

您可以将 Glyphicon 添加到 xp:button。尝试这样的事情：

<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>
于 2015-07-29T07:09:30.497 回答
0

有一个 xp:span 组件，它应该允许您向它添加一个 eventHandler。也许如果您使用它和 xp:text 而不是 xp:link，它将实现您想要的。

于 2015-07-28T22:27:40.193 回答