0

在我的应用程序中,我使用 twitter bootstrap 为按钮等添加漂亮​​的图标。使用普通按钮和链接,我可以通过这样做来实现这一点。

<g:remoteLink .. code omitted .. class="btn">
    <i class="icon icon-warning-sign"></i> <g:message code="default.button.add.label"/>
</g:remoteLink>

这会产生一个漂亮的按钮,在文本前面有一个图标..

现在我想使用 submitToRemote:

<g:submitToRemote .. code omitted .. value="${message(code: 'default.button.add.label')}" class="btn"/>

但我似乎未能添加

<i class="icon icon-warning-sign"></i>

价值..关于如何实现这一目标的任何提示或技巧?

我尝试了几种方法,例如将这种样式放在类属性中,但这也失败了。

有什么提示吗?

4

1 回答 1

1

submitToRemote生成一个<input type="sbumit" ... />标签(源代码),它不容易适合您希望做的事情(value预计是一个纯字符串,而不是标记)。

一种替代方法可能是使用formRemote而不是submitToRemote,以及<button>包含您的图标标记的 a :

<g:formRemote action="..." update="...">
   ...
   <button type="submit" ...><i class="icon icon-warning-sign"></i> Text...</button>
</g:formRemote>
于 2012-12-12T15:33:15.937 回答