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元素允许跨度很好。我使用这种技术相当多，实际上，像Button Dropdowns这样的东西的很多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) {

  }
}

无论如何都是这样的。

添加子元素以提交按钮。例如。按钮内的跨度

1 个答案: