将子元素添加到提交按钮.例如，按钮内的跨度

Question

我需要添加一个按钮，输出类似的东西

<button class="my-btn" action="${nextAction}" disabled="${nextDisabled}">
<span class="next-icon">Next</span>
</button>

我可以使用以下代码来输出按钮，但我不知道如何在其中添加跨度。

<g:actionSubmit name="next" value="${nextText}" class="my-btn" action="${nextAction}" disabled="${nextDisabled}"/>

有什么想法吗？

Answer 1

您将无法使用g:actionSubmit执行此操作，因为它不允许将正文包含在标记中。 button元素允许跨度很好。 我经常使用这种技术，事实上，很多用于按钮下拉列表之类的 Bootstrap 标记都嵌入了图像按钮中的跨度。

我认为您需要做的只是为按钮命名并将表单提交到单个操作，然后使用按钮的名称来确定您需要执行的逻辑。

<g:form action="save" controller="foo">
  <button name="action1">Action 1</button>
  <button name="action2">Action 2</button>
</g:form>
def save() {
  if (params.action1) {
  } else if (params.action2) {
  }
}

反正就是这样。