jquery를 사용하여 partials를 추가하는 방법은 무엇입니까? 면도기 - asp.net의 MVC - JQuery와는

Question

는

$("#add_task").click(function() { 
      $('#tasks').append('@Html.Raw(Html.Partial("_task_fields").ToHtmlString())'); 
     }); 

나는 것 같다 ... 난 당신이 예를 들어 , 많은 작업과 프로젝트 ... 동적으로 자바 스크립트를 통해 요소를 추가 할 수있는 양식을 만들려면 말 이 접근 방식에 문제가있어서 자바 스크립트가 인코딩되지 않습니다 ... HttpUtility.JavaScriptStringEncode를 사용하면 클래스 "someClass"와 같은 속성을 가진 요소에 따옴표가 추가됩니다.

내 task_fields 부분은 난 그냥 add_task 링크가 제대로 작동하려면이

<tr> 
    <td> 
     Task 
    </td> 
    <td> 
     <input type="text" name="task[name]" /> 
    </td> 
</tr> 

같은 것입니다.

도와주세요.

Answer 1

jquery the jquery template 플러그인을 살펴보십시오. 이 시나리오에서는 IMO 훨씬 깨끗한 접근 방식과는 다릅니다.

jquery 템플릿 만 사용하는 방법 외에도 jquery 템플릿 블록에 부분을 렌더링하고 원하는 경우 두 가지 기술을이 방법으로 결합 할 수 있습니다.

Answer 2

확인. 당신은 조금 다른 방식으로 그것을 할 것입니다. 컨트롤러 대신 부분에 작업을 작성하십시오.

public class HomeController : Controller 
{ 
     public ActionResult MyPartial(/*some parameters*/) 
     { 
      object someData = foo(/*some parameters*/); 
      return PartialView("_MyPartial", someData); 
     } 
} 

**And call action with Ajax.** 

$("#add_task").click(function() { 
$('#taskItem').load(@Url.Content("~/home/MyPartial")); 
.... 
}) 

물론 "taskItem"을로드 한 후에 "task"에 추가 할 수 있습니다.