ajax를 사용하여 버튼 클릭으로 여러 입력 추가하기

Question

내가 찾고있는 것은 버튼 클릭만으로 폼에 여러 입력을 추가하기위한 jQuery 및 AJAX 트릭을 수행하는 것에 대한 정보를 제공하는 참조 또는 문서입니다. 좋은 예가 Google의 Gmail 클라이언트인데 이메일에 첨부 파일을 여러 개 추가 할 수 있습니다. 그 뒤에있는 구현은 많은 양의 입력 필드를 허용합니다. 입력 필드는 버튼 클릭으로 얇은 공기에서 나타날 수 있습니다.

Answer 1

좋아, 다소 모호하지만 나는 갈거야.

당신이 할 수있는 일은 세 가지입니다.

1) jQuery를 사용하여 양식의 섹션을 복제 한 다음 원하는 곳에서 복제본을 추가하십시오.

2) 단순히 jQuery 네이티브를 사용하여 새 컨트롤을 추가하십시오.

3) 웹 사용자 컨트롤을 반환하는 ashx 파일을 호출 한 다음 원하는 위치에 추가합니다.

따라서 항목 3;

 $.get('/UserControls/MyASHXFile.ashx?', {}, function (data) { 
      //code here to take the variable 'data' and append to a part of the form 
     }); 

이제는 ashx;

public class PublishPricingCalculator : IHttpHandler 
{ 

    public void ProcessRequest(HttpContext context) 
    { 
     context.Response.ContentType = "text/plain"; 
      context.Response.Write(ViewManager.RenderView("/UserControls/MyUserControl.ascx")); 
    } 
} 

사용이 링크 http://weblogs.asp.net/scottgu/archive/2006/10/22/Tip_2F00_Trick_3A00_-Cool-UI-Templating-Technique-to-use-with-ASP.NET-AJAX-for-non_2D00_UpdatePanel-scenarios.aspx는 ASHX 파일에서보기를 반환하는 ViewManager 방법에 대한 코드를 얻을 수 있습니다.

난 정말이 당신에게 도움이되기를 바랍니다

옵션이 단순히 다음 HTML 지금 jQuery를이 다음과 같을 수

<div class="CloneToHere"></div> 

<div style="display:none" class="MyDiv"> 
    <content/> 
</div> 

을 가진 포함 1

;

$('.MyDiv').appendTo('.CloneToHere'); 

http://api.jquery.com/clone/

옵션 2

$('.CloneToHere').append('<p>Test</p>'); 

http://api.jquery.com/append/