我可以在 grails g:each 元素中调用 jquery 或 javascript 函数吗？

Question

我想在 grails g:each 元素中调用 jquery 函数，我在页面加载时使用函数调用来过滤具有如下循环的表

   <g:each in="${sampleTypes}" status="i" var="sampleType">
<div class="uniq">${sampleType}</div>
<table id="sampleTable">
    <thead>
        <tr>
            <th class="no-sort"><g:message code="labWorkItem.testUnit.label"
                    default="CustomerId" /></th>

            <th class="no-sort"><g:message code="labWorkItem.testUnit.label"
                    default="OrderNo" /></th>
            <th class="no-sort"><g:message code="labWorkItem.testUnit.label"
                    default="DateCreated" /></th>
            <th class="no-sort"><g:message code="labWorkItem.testUnit.label"
                    default="Test unit" /></th>

            <th class="no-sort no-visible"><g:message
                    code="labWorkItem.sampleType.label" default="Sample Type" /></th>
        </tr>
    </thead>
    <tbody>
        <g:each in="${labWorkItemInstance}" status="a" var="labWorkItem">
            <tr class="${(a % 2) == 0 ? 'even' : 'odd'}">
                <td>
                    ${labWorkItem?.order?.customer?.customerId}
                </td>
                <td>
                    ${labWorkItem?.order?.orderNo}
                </td>
                <td>
                    ${labWorkItem?.order?.dateCreated}
                </td>
                <td >
                    ${labWorkItem?.testUnit}
                </td>
                <td id = "labSample">
                    ${labWorkItem?.testUnit?.sampleType}
                </td>
            </tr>
        </g:each>
    </tbody>
</table>
<g:textField name="singleValue" value="Blood" id="someHiddenField"/>
</g:each>

我正在使用“uniq”类来过滤表格

function typeSampleCollected() {
jQuery.fn.dataTableExt.afnFiltering.push(function(oSettings, aData,
        iDataIndex) {
    if (oSettings.nTable.id != "sampleTable") {
        return true;
    }

        var uniq = jQuery("div.uniq").html();
alert(uniq);
     jQuery("#someHiddenField").val(uniq);
     var someHiddenField = jQuery("#someHiddenField").val()
    if(someHiddenField){
        //var sampleValue = jQuery("#someHiddenField").val();
        //alert(sampleValue.toString());
    if (someHiddenField != aData[4]){
        console.log("sampleType"+someHiddenField);
        console.log("aData"+aData[4]);
        return false;
        }
    }
    else{
        console.log("else condition");
        }
    return true;
});
}

问题是，它在页面加载的第一个执行，只有循环的第一个数据执行其他保持不变，我希望剩余的数据也执行。

Answer 1

jQuery + HTML 答案。

1. 您生成的 HTML 将是错误的，因为 id "someHiddenField" 将被复制。一个 id 在 HTML 文档中必须是唯一的。查看要检查的文档的来源。复制到 IDE 或使用w3c validator 进行检查。

2. 一旦你有了唯一的 ID，你需要遍历它们并运行你的过滤器。

我不确定您是否通过过滤器将信息发送回服务器。即文本血液只会显示与血液相关的内容。我在您的代码中没有看到任何事件。代码不完整吗？

类似的事情 - 单击图标以仅显示与该类相关的项目。查看代码：

<g:each in="${assetTypes}" status="i" var="assetType">
      <li>
          <a href="javascript:void(0)" name="assetTypeSelector" id="assetTypeSelector-${assetType.iconId}" class="icon-small-assetType-${assetType.iconId} ${(activeAssetType.id.toString()==assetType.id.toString()?' selected':'')}"><span class="atext">${assetType.name?.encodeAsHTML()}</span></a>
      </li>
</g:each>

我使用delegate() 将jQuery 后期绑定到点击——在1.7 jQuery 之后使用go()。 javascript 必须在 grails 视图中，因为我使用 gsp 标签。使用 delegate() 它可以在任何地方：

    /* Change asset types */
    jQuery('body').delegate('[name=assetTypeSelector]', 'click', function() {
        var newAssetIconId = jQuery(this).attr("id").split("-").pop();

        // set the asset type.
        ${remoteFunction(controller: 'assetType', action: 'selector', name: 'assetTypeSelector',  update: 'assetTypeSelector', params:'\'currentAssetTypeIconId=\' + newAssetIconId')}

    });

另外，我们通过DataTables 取得了很大成功，这是一个更完整的解决方案。