부분 뷰 디자인 내의 부분 뷰

Question

빌드하고 싶은 웹 페이지에 접근하는 방법에 대한 근본적인 질문이 붙어 있습니다. 따라서 제목이 정확하지 않을 수 있습니다.

내 페이지의 레이아웃은 다음과 같다 :

은 내가 계획하는 버튼 "페이지 1"과 "2 페이지"를 포함하는 기본보기를하는 것입니다.

"페이지 1"에서 사용자는 옵션 1 (기본 선택) 또는 "옵션 2"를 선택할 수 있습니다. 각 옵션을 선택하면 그리드에 다른 데이터가 표시됩니다. 그래서 내가 가지고있는 그리드는 부분적인 뷰입니다. 그리고 페이지 1 있도록 렌더링 :

<div id="gridContainer" class="gridContent"> 
    @Html.Partial("_DynamicGrid", Model) 
</div> 

내가 페이지 1 & 페이지를 메인 페이지에서이 같은 부분 페이지를 렌더링합니다. 내가 가지고있는 코드는 다음과 같습니다.

<div id="pagesPartial" class="span10"> 
    @{ Html.RenderPartial("Page1", Model);} 
</div> 

페이지가로드에서 작동합니다.

나는 다음에 무엇을

가.) 어떻게

B를 클릭합니다. 그리드를 제거하고 "옵션 2"에 새로운 하나를로드하는 방법)을로드하는 방법 "페이지 2"이다하는 방법을 모른다 무엇 "Page 2"버튼을 클릭하십시오.

아이디어가 있으십니까?

감사합니다.

Answer 1

가치가있는 부분에 대해 내가 끝낸 것을 게시 할 것입니다.

스크린 샷의 왼쪽에 탐색 버튼이 포함 된 부분보기를 만들었습니다. (Page1 & Page2). 그런 다음 각 페이지에 대한 뷰를 생성하여 해당 뷰 내에서 탐색 부분 뷰를 개별적으로 렌더링했습니다.

이것은 간단하고 여전히 알아낼 시간이 필요했습니다.