아약스를 사용하여 부분 뷰 렌더링

Question

this question을 확인하고 초기 문제를 해결했습니다. 하지만 사용자가 링크를 클릭 할 때만 부분 뷰를 렌더링하고 싶을 때, 페이지가로드 될 때 부분 뷰를 렌더링하고 부분 뷰가로드되는 동안 진행률 표시기를 표시 할 수 있습니다.

어떻게 달성할까요?

고맙습니다.

Answer 1

(JQuery와 아약스 작업을 사용하여) 그 다음과 같이 입력하십시오 :

public ActionResult Create() 
{ 
    var model = new MyModel(); 

    if (Request.IsAjaxRequest()) 
    { 
      return PartialView("_Partial", model.PartialModel); 
    } 
    else 
    { 
      return View(model); 
    } 
} 

다음 페이지에서 like :

$(function(){ 

    $(document).ajaxStart(function() { 
     //show a progress modal of your choosing 
     showProgressModal('loading'); 
    }); 
    $(document).ajaxStop(function() { 
     //hide it 
     hideProgressModal(); 
    }); 

    $.ajax({ 
      url: '/controller/create', 
      dataType: 'html', 
      success: function(data) { 
      $('#myPartialContainer').html(data); 
      } 
    }); 
}); 

Answer 2

초기 페이지에서 @Html.Partial(...)을 작성하여 렌더링 할 수 있습니다.

Answer 3

기본 페이지에 컨트롤러

public ActionResult GetModule(string partialName){ 
    return PartialView("~/Views/Shared/"+partialName); 
} 

당신은 당신이 ActionMethod을 만들 수있는 페이지를로드 한 후 아약스를 통해 부분 뷰를로드하려면

<div id='mod1'>Loading...</div> 
<script type="text/javascript"> 
      $("#mod1").load("/ControllerName/GetModule?partialName=test1");   
</script>