grails - FontAwesome 与 Grails

转载 作者：行者123 更新时间：2023-12-05 00:29:14 25 4

我一直在尝试将图标添加到我的保存、删除等按钮。我有大约五个按钮使用 <g:actionSubmit>标记来调用 Controller 中的 Action 以执行相应的功能。我的问题是 FontAwesome 和 bootstrap 的字形图标需要 <i class="icon-***">像这样使用的标签:

<a href="http://google.com">
    <i class="icon-ok"></i> Google
</a>

在 grails 中，初始标签之间的这种标签格式是不可能的(至少在 actionSubmit 中是这样)。 value 属性是显示的字符串。有什么解决方法吗？请记住，我仍然需要将按钮操作映射回 Controller ，这就是我使用直接 <button> 时遇到问题的原因。像 Bootstrap 推荐的标签一样。

更新:

使用当前的 2 个答案时我遇到了很多问题。它们都用于添加图标，但我遇到了一些麻烦，我不得不修改很多东西来修复。我考虑了另一种解决方案，但在实现它时遇到了一些问题。我想使用 taglib 的基础作为下面的 actionSubmit 标记库来编写我自己的标记库:

def actionSubmit = {attrs ->
    attrs.tagName = "actionSubmit"
    if (!attrs.value) {
        throwTagError("Tag [$attrs.tagName] is missing required attribute [value]")
    }

    // add action and value
    def value = attrs.remove('value')
    def action = attrs.action ? attrs.remove('action') : value

    out << "<input type=\"submit\" name=\"_action_${action}\" value=\"${value}\" "

    // process remaining attributes
    outputAttributes(attrs)

    // close tag
    out << '/>'
}

我需要做的唯一改变就是让它能够接受

<i class="icon-ok"></i>

之间的标记:

<g:actionSubmit ...> </g:actionSubmit>

有没有人有建议或对此实现？

最佳答案

不要使用 actionSubmit，只需使用 <button>并提供如下链接/操作属性:

<button type="submit" class="btn">
  <i class="..."></i> Update
</button>

这是一个更详细的例子

<button type="submit" class="btn btn-danger" name="_action_delete" value="Delete">
  <i class="..."></i> ${message(code: 'default.button.delete.label', default: 'Delete')}   
</button>

注意:actionSubmit 传递以下输入名称/值用于更新、保存和删除

name="_action_update" //update
name="_action_update" //save
name="_action_delete" //delete

所以如果你的应用程序依赖于它们，你只需要做同样的事情

关于grails - FontAwesome 与 Grails <g :actionSubmit，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17662383/

25 4 0

• grails - Grails 重定向到GSP而不是操作

  我在类似于更新的 Controller “X”上创建了一个名为“updateWithHistory”的新 Action 。当我从脚手架的edit.gsp页面使用此代码时: 我收到404错误: The

• grails - FontAwesome 与 Grails

  我一直在尝试将图标添加到我的保存、删除等按钮。我有大约五个按钮使用 标记来调用 Controller 中的 Action 以执行相应的功能。我的问题是 FontAwesome 和 bootstrap

• grails - 单击按钮时， Controller 中的params值始终为null

  在我的应用程序中，我具有搜索按钮，并且基于搜索条件，我必须搜索数据。我使用了一些隐藏变量来存储数据。 我的.gsp页面如下所示: 我各自的 Controller 方法如下所示: def

• grails - 和之间的区别

  我是新来的grails。我已经创建了一个表格。 Action 在哪里…… Action :“保存”。 在表单的底部，我使用了。请注意，这里我在大写字母中使用了value =“SAVE”，并且得到了40

• html - 可以在 tag? 中添加 css

  我的意思是:我有一个上传表单: 一旦标签在最终页面呈现，我就有了 也就是“上传”按钮。但是，在名为“cv”的输入中，如您所见，我有一些 css 来保持文本框增长太多。 (最大宽度:120px)