Olá Senhores, estou entrando agora no mundo Grails e peguei um pequeno projeto para aprender melhor. Já conhecia Groovy e programo em Java há anos, mas Grails para mim ainda é um tanto novo. Por isso estou tentando fazer um exemplo que peguei nesse site http://omarello.com/2010/08/grails-one-to-many-dynamic-forms/ sobre uma página que consiga dinamicamente agregar filhos.

Exemplo: tenho um objeto Empresa que pode acomodar vários Sites. Na página de edição da empresa existe um pedaço que detalho aqui:

<!-- Multiplos Sites -->
					<tr class="fieldcontain ${hasErrors(bean: empresaInstance, field: 'enderecosEletronicos', 'error')}" style="border-width: 1px; border-style: dotted; border-color: #B0E0E6;">
						<td class="label">
                            <label for="enderecosEletronicos">
                                <g:message code="empresa.editar.endereco.eletronico" default="Sites_" />
                                <img src="${resource(dir:'images', file:'add.png')}" style="vertical-align:middle;" alt="${message(code: 'empresa.editar.adicionar.endereco.eletronico')}" onclick="addEnderecoEletronico();"/>
                            </label>
                        </td>
						<td>
							<g:render template="enderecosEletronicos" model="['empresaInstance':empresaInstance]" />
						</td>
					</tr>

Existe um render que é "enderecosEletronicos". Está aqui abaixo:

<script type="text/javascript">

    var childCount = ${empresaInstance?.enderecosEletronicos.size()} + 0;
 
    function addEnderecoEletronico() {
    	 var htmlId = "enderecoEletronico" + childCount;
         var deleteIcon = "${resource(dir:'images', file:'icon_delete.png')}";
         var templateHtml = "<div id='" + htmlId + "' name='" + htmlId + "'>\n";
         templateHtml += "<input type='text' id='enderecosEletronicosList[" + childCount + "].site' name='enderecosEletronicosList[" + childCount + "].site' />\n";
         templateHtml += "<span onClick='$(\"#" + htmlId + "\").remove();'><img src='" + deleteIcon + "' /></span>\n";
         templateHtml += "</div>\n";
         $("#childList").append(templateHtml);
         var str = "enderecosEletronicosList["+ childCount +"].site";
         document.getElementById(str).focus();
         childCount++;
    }
 
</script>
 
<div id="childList">
    <g:each var="enderecoEletronico" in="${empresaInstance?.enderecosEletronicos}" status="i">
        <g:render template='enderecoEletronico' model="['enderecoEletronico':enderecoEletronico,'i':i,'hidden':false]"/>
    </g:each>
</div>

Que também tem um render para um único endereço eletrônico, que segue aqui:

<div id="enderecoEletronico${i}" class="endereco-eletronico-div" <g:if test="${hidden}">style="display:none;"</g:if>>

<g:hiddenField name='enderecosEletronicosList[${i}].id' value='${enderecoEletronico?.id}'/>
<g:textField name='enderecosEletronicosList[${i}].site' value='${enderecoEletronico?.site}'/>
<input type="hidden" name='enderecosEletronicosList[${i}].deleted' id='enderecosEletronicosList[${i}].deleted' value='false'/>

<span onClick="$('#enderecosEletronicosList\[${i}\]\.deleted').val('true'); $('#enderecoEletronico${i}').hide()">
<img src="${resource(dir:'images', file:'icon_delete.png')}" />
</span>
</div>

No meu objeto empresa criei a referência para a classe EnderecoEletronico.groovy, que nada mais é que um POGO:

class EnderecoEletronico implements Serializable {
	
	String site
	boolean deleted
	
	static transients = [ 'deleted' ]
	
	static belongsTo = [empresa: Empresa]
	
	static mapping = { 
		sort site: "asc"
	}

    static constraints = {
		site blank:true, minSize: 4
    }
	
	def String toString() {
		return site
	}
}

No objeto Empresa tenho isso

List enderecosEletronicos = new ArrayList();
static hasMany = [ enderecosEletronicos: EnderecoEletronico ]
...
static mappedBy = [ enderecosEletronicos: 'empresa']
...
//Multiplos enderecos eletronicos
def getEnderecosEletronicosList() {
		return LazyList.decorate( enderecosEletronicos, FactoryUtils.instantiateFactory(EnderecoEletronico.class))
}
...
static mapping = {
		enderecosEletronicos cascade: 'all-delete-orphan'
    }
...
 static constraints = {
enderecosEletronicos nullable: true
    }
...

Quando faço o submit do form e a função save(), dá um erro:

Message: null id in pacote.EnderecoEletronico entry (don't flush the Session after an exception occurs)

Imagino que não há ID mesmo para o EnderecoEletronico, mas esse pedaço do código não deveria gerar isso?

//Multiplos enderecos eletronicos
def getEnderecosEletronicosList() {
		return LazyList.decorate( enderecosEletronicos, FactoryUtils.instantiateFactory(EnderecoEletronico.class))
}

Segundo o exemplo do link acima, era automágico