JQuery로 GSP 요소 추가하기

Question

제목으로

어쩌면 이전에 물어 본 적이 있지만 찾지 못했을 수 있습니다. 어쩌면 잘못된 검색 키워드를 사용하고 있었을 수도 있습니다.

GSP 양식에 하위 양식을 추가하려고합니다. 주요 폼은 다음과 같습니다.

<div> 
    ------------ CHUNK OF INPUT CODES HERE ----------------- 
    <button id="addRow">Add Another Row</button> 
    <div id="childForm"> 
    </div> 
</div> 

여기에있는 아이디어는 childForm 블록 안에 하위 폼 (별도의 GSP 템플릿)을 추가하는 것입니다. 하위 폼은 "다른 행 추가"단추를 눌러 기존 하위 폼 (있는 경우)의 맨 아래에 추가되며 단추가 눌러져있는 한 계속 추가됩니다.

그래서 어떻게 JQuery를 사용하여 그런 식으로 하위 폼을 추가 할 수 있습니까?

다음을 시도했지만 작동하지 않았습니다.

$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>"); 

Jquery의 다른 가능한 아이디어는 무엇입니까?

Answer 1

$('#addRow').click(function(){ 
$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>"); 
}); 

바이올린 - http://jsfiddle.net/Ashish_developer/77gyoazs/ 내가 너무 시도 ...하지만 그것 때문에 g 작동하지 않습니다 무엇