por rogelgarcia » Sex Mar 23, 2012 5:25 pm
A implementação dessa funcionalidade com Javascript é realmente complexa e muitas coisas teriam que ser reformuladas.
Veja também que detalhe dentro de detalhe (com os dois níveis dinamicos) pode gerar uma tela muito complexa.
Se apenas um dos níveis for dinâmico você consegue implementar com o next de forma fácil. Você não usará a tag t:detalhe para o nível estático e sim n:dataGrid, ou alguma outra construção que desejar.
Se você quiser realmente os dois níveis dinâmicos. Recomendo fazer o primeiro nível com reload da página e o segundo nível com a tag t:detalhe. É uma solução bem simples, porém necessitará o reload da página.
O botão para remover, chama uma action remover no seu controller que elimina do detalhe a linha excluida (Você terá que passar um parâmetro com o id da linha a ser excluida). Uma outra action apenas adiciona um novo objeto vazio a lista para o botão adicionar.