grails - 根据Grails中的条件显示按钮

Question

在Grails应用程序中，当条件为true时，我需要添加Extend按钮，

这是我的GSP:

<table class="table table-hover  table-bordered table-striped">
    <thead>
        <tr>
            <g:sortableColumn property="adTitle"
                title="${message(code: 'ads.adTitle.label', default: 'Ad Title')}" />
                <g:sortableColumn property="adDetails"
                    title="${message(code: 'ads.adDetails.label', default: 'Ad Details')}" />

                    <g:sortableColumn property="duration"
                        title="${message(code: 'ads.duration.label', default: 'Duration')}" />
                        <g:sortableColumn property="dateCreated"
                            title="${message(code: 'ads.dateCreated.label', default: 'Creation Date')}" />
                            <g:sortableColumn property="durationDate"
                                title="${message(code: 'ads.durationDate.label', default: 'End Date')}" />

                            </tr>
                        </thead>
                        <tbody>
                            <g:each in="${adsInstanceList}" status="i" var="adsInstance">
                                <tr class="${(i % 2) == 0 ? 'even' : 'odd'}" >
                                    <td><g:link action="show" id="${adsInstance.id}">
                                        ${fieldValue(bean: adsInstance, field: "adTitle")}
                                    </g:link></td>

                                    <td>
                                        ${fieldValue(bean: adsInstance, field: "adDetails")}
                                    </td>

                                    <td>
                                        ${fieldValue(bean: adsInstance, field: "duration")}
                                    </td>

                                    <td><g:formatDate date="${adsInstance.dateCreated}" formatName='date.humanView' /></td>
                                        <td><g:formatDate date="${adsInstance.durationDate}" formatName='date.humanView' /></td>
                                            <td id="test"> </td>

                                        </tr>
<g:if
    test="${formatDate(formatName:'date.humanView',date:adsInstance.durationDate) == formatDate(formatName:'date.humanView',date:new Date()+1)}">
    <script type="text/javascript">
        $(document).ready(
        function() {
            var add = $('<g:submitButton name="extendAd"   value="Extend"  />')

            $('#test').append(add)

            -
        });
    </script>
</g:if>
</g:each>
</tbody>
</table>
</div>

如下面的屏幕快照所示，当 Ad End date为 12-9-2016时，应该出现 Extend按钮，但是您可以看到，尽管它应该在第一，第二和第三行中显示，但它仅在第一行中显示3次。

我的GSP代码中缺少什么吗？

Answer 1

您应该在没有javascript的情况下执行此操作:

<td id="test"> 
    <g:if test="${formatDate(formatName:'date.humanView',date:adsInstance.durationDate) == formatDate(formatName:'date.humanView',date:new Date()+1)}">
       <g:submitButton name="extendAd" value="Extend"  />
    </g:if>
</td>

如果要使用javascript进行此操作，则不能使用id(因为id必须是唯一的)，而不能使用类:

<td class="test"></td>

...

<script type="text/javascript">
    $(document).ready(
    function() {
        var add = $('<g:submitButton name="extendAd"   value="Extend"  />')

        $('.test').append(add)

    });
</script>