我正在修改grails脚手架模板的过程中,我想为我的按钮使用字体真棒图标。我如何做到这一点的一个例子是在下面的g:link标签中。我不确定如何使用表单提交按钮来模拟它。感谢任何帮助!
<g:form resource="\${this.${propertyName}}" method="DELETE">
<fieldset class="buttons">
<g:link class="" action="edit" resource="\${this.${propertyName}}"><i class="fa fa-pencil fa-lg"> </i><g:message code="default.button.edit.label" default="Edit" /></g:link>
<input class="" type="submit" value="\${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('\${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" />
</fieldset>
</g:form>
附加的屏幕截图显示了它现在的样子。
生成的html:
<form action="/fruits/delete/15" method="post" ><input type="hidden" name="_method" value="DELETE" id="_method" />
<fieldset class="buttons">
<a href="/fruits/edit/15" class=""><i class="fa fa-pencil fa-lg"> </i>Edit</a>
<input class="" type="submit" value="Delete" onclick="return confirm('Are you sure?');" />
</fieldset>
</form>
</div>
答案 0 :(得分:0)
我发现在使用图标时,使用html表单(vs g:form)更容易设计样式。导致类似:
<form id="delete_id" action="${createLink(action: 'delete_method')}" method="get">
<button class="some_layout"type="submit"}>
<i class="fa fa-pencil fa-lg">
</i> Edit
</button>
</form>