Question

我必须将submitToRemoye创建的提交按钮更改为fa-check（fa图标）。

<g:form url="[controller: 'connectionRequest', action: 'accept']" class="">
       <g:hiddenField name="id" value="${connectionInstance.id}"/>
        <div class="ui-block-a" style="width: 50%">
              <g:submitToRemote class="fa fa-check" id="accept-button"
                 url="[controller: 'connectionRequest', action: 'accept']"
                 update="connectionRequest${i}" />
 </div>
/g:form>
<r:script>
    $(document).ready(function () {
        $('#accept-button,#ignore-button').parent().addClass('fa fa-check');
    });


</r:script>

它不能很好地运作

Answer 1

将代码“<g:submitToRemote...”更改为<button type='submit'><i class='fa fa-ok'/>Send</button>

将代码“<g:form...”更改为“<g:formRemote...”

Answer 2

如果您使用脚手架获得了生成的GSP文件，则最好尝试搜索＆＃39; g：submitToRemote＆＃39;你得到的CSS文件中的类定义。

您可以右键单击提交按钮 - ＆gt; ＆＃39;检查元素＆＃39;找到图标名称并在文件上搜索，看看谁在使用它。

Grails-将提交按钮更改为fa icom

2 个答案: