모든 뷰를 업데이트하지 않고 ASP.NET MVC의 다른 부분 뷰에서 부분 뷰를 업데이트

왼쪽 뷰에는 메뉴, 오른쪽 뷰에는 두 개의 뷰가 표시됩니다. 모든 뷰를 업데이트하지 않고 ASP.NET MVC의 다른 부분 뷰에서 부분 뷰를 업데이트

enter image description here

나는 "링크 1"을 클릭

, 나는 부분보기 "PartialViewContent1"에서 "PartialViewContent2"에서 "콘텐츠"영역을 전환하려는.

코드의 관점에서

, 나는 실제로이 일을 관리 :

파일 Index.vbhtml

<body> 
<article> 
     <section> 
      <p>@Html.Action("Menu", "Menu")</p> 
     </section> 
</article> 
<aside> 

@Select Case Convert.ToString(Model) 
    Case "Menu2" 
     @Html.Action("PartialViewContent2", "PartialViewContent2") 
    Case "Menu3" 
     @Html.Action("PartialViewContent3", "PartialViewContent3") 
    Case Else 
     @Html.Action("PartialViewContent1", "PartialViewContent1") 
End Select 

</aside>

파일 PartialViewMenu.vbhtml

<ul> 
<li> 
@Html.ActionLink("Link 1", "Link1", "Home") 
</li> 
<li> 
@Html.ActionLink("Link 2", "Link2", "Home") 
</li> 
<li> 
@Html.ActionLink("Link 3", "Link3", "Home") 
</li>

이 아키텍처에서는 모든보기 (및 부분보기가 표시됨)가 새로 고쳐집니다.

인체 공학적이지 않고 성능면에서별로 좋지 않은 행동입니다. 꼬리말이나 머리글이있는 경우 메뉴가 아닌 내용 (또는 나머지보기)을 업데이트하는 방법이 있습니까?

출처

2014-04-22 Thordax

마침내 이것을 수행하는 방법을 찾았습니다.

$(function() { 

    $('#link1').click(function(){ 
    $.ajax({ 
     url: this.href, 
     dataType: "script", 
     success: function(result) { 
     $("#container").html(result); 
     } 
    }); 
    });  

    e.preventDefault(); 
    return false; 
}); 


});

Ajax를 사용하여 간단한 jQuery 코드

트릭을 수행

출처

2014-05-22 20:24:13 Thordax

모든 뷰를 업데이트하지 않고 ASP.NET MVC의 다른 부분 뷰에서 부분 뷰를 업데이트

답변

관련 문제