source: branches/features/taskProcedureRework/grails-app/views/taskProcedureDetailed/_maintenanceActions.gsp @ 768

<script type="text/javascript">
    var childCount = ${taskProcedureInstance?.maintenanceActions.size()} + 0;

    function addChild() {
        var htmlId = "maintenanceAction" + childCount;
        var deleteIcon = "${resource(dir:'images/skin', file:'database_delete.png')}";
        var templateHtml = "<div id='" + htmlId + "' name='" + htmlId + "'>\n";
        templateHtml += "<input type='text' id='maintenanceActionLazyList[" + childCount + "].description' name='maintenanceActionLazyList[" + childCount + "].description' />\n";
        templateHtml += "<span onClick='jQuery(\"#" + htmlId + "\").remove();'><img src='" + deleteIcon + "' /></span>\n";
        templateHtml += "</div>\n";
        jQuery("#childList").append(templateHtml);
        childCount++;
    }
</script>

<div id="childList">
    <g:each var="ma" in="${taskProcedureInstance.maintenanceActions}" status="i">
        <div id="maintenanceAction${i}">
            <g:hiddenField name='maintenanceActionLazyList[${i}].id' value='${ma.id}'/>
            <g:textField name='maintenanceActionLazyList[${i}].description' value='${ma.description}'/>
            <input type="hidden" name='maintenanceActionLazyList[${i}].deleted' id='maintenanceActionLazyList[${i}].deleted' value='false'/>
            <span onClick="jQuery('#maintenanceActionLazyList\\[${i}\\]\\.deleted').val('true'); jQuery('#maintenanceAction${i}').hide()">
                <img src="${resource(dir:'images/skin', file:'database_delete.png')}" />
            </span>
        </div>
    </g:each>
</div>
<input type="button" value="Add MaintenanceAction" onclick="addChild();" />