2012-09-07 3 views
0

부분 뷰를 호출하여 동적 컨트롤을 만들고 있습니다. my layout looks like thismvc3에서 컨트롤 복제

처음 드롭 다운 값을 변경하면 올바르게 작동합니다. 하지만 두 번째 또는 더 많은 시간에 드롭 다운 값을 변경하면 컨트롤의 복제가 여러 번 발생합니다.

<script type="text/javascript"> 
    $("#addItem").live('click', function (e) { 
     e.preventDefault(); 
     //  $("#mydiv").html(""); 
     $.ajax({ 
      url: this.href, 
      type: "Get", 
      data: $(this).serialize(), 
      success: function (srcc) { 
       $("#mydiv").append(srcc); 
      } 
     }); 
     return false; 
    }); 
</script> 

과 같은 내 컨트롤러 모양 :

전 부문을 추가하는 데 사용 JQuery와는

[HttpGet] 
public ActionResult BlankEditorRow() 
{ 
    TempData["PassedDivision"] = extract.getDivision(); 
    TempData["Country"] = extract.getCountry(); 
    return PartialView("ViewUserControl1"); 
} 

이 actionlink의 코드는 다음과 같습니다

@Html.ActionLink("Add another", "BlankEditorRow", "HREduInformation", new { id = "addItem" }) 

어디에서 오전 잘못 됐어? 고마워.

답변

0

스크립트 태그가 부분보기의 마크 업에있는 경우 브라우저에서 렌더링 된 html을보고 스크립트가 복제되지 않는지 확인하십시오. 자바 스크립트 코드는 함수에 래핑되지 않으므로 브라우저에서 스크립트를로드하자마자 실행됩니다.

+1

thnx 나는 함수에 래핑 된 및 .append 여기에 문제가 발생하는 것을 발견했다 .HTML을 사용하여 노력했다. 그것은 단지 하나의 동적 컨트롤을 genetated.How 어떻게 해결할 수 있습니까? –