2012-07-13 3 views
0

달성하기 위해 무엇을 달성하기 위해 노력하고 있어요 레이아웃보기 종류의 기능을, 거기에 탭을 부분 팝업 또한 내가 볼 수있는 탭 위쪽에 있습니다 및 사이를 탐색 할 수 있습니다. jquery 및 부분 뷰의 도움으로 다른 페이지. 꽤 레이아웃 종류의 기능성. enter image description hereMVC3 레이아웃 jquery 및 부분보기를 사용하여

동영상 자습서가 있거나이를 수행하는 방법에 대한 안내가 있으면 알려주십시오. 또한 정보를 가져 오기 위해 부분 뷰에 id를 전달해야합니다.

감사합니다.

1) JQuery와 .tab() 구현할 수 위의 의견에 언급 된 사람들처럼 :

+1

Google에서 'jQuery tab'을 검색 했습니까? 많이 있습니다 ... – Shyju

+0

나는 그것을 찾을 것입니다. 감사! 내 상황을 다루는 구체적인 것이 있습니까? – OBL

+1

jQuery UI 대화 상자, jQuery 탭을 클릭 한 다음 patiences에 직접 코드를 문의하십시오. – Shyju

답변

1

는 당신이 그것을 할 수있는 몇 가지 방법이 있습니다. 다음은 따를 수있는 자습서입니다. http://www.jacklmoore.com/notes/jquery-tabs

2) JQuery .dialog()로 표시 될 부분보기를 만들 수 있습니다. 해당 부분보기 내에서 맨 위에 세 개의 탭 제목에 해당하는 세 개의 링크가있을 수 있습니다.

각 링크는 표시하려는 "탭"콘텐츠가 포함 된 div의 JQuery .show()를 호출하고 다른 사용자는 .hide()를 호출합니다.

function displaySelectedTab(selectedTab) { 
    $("#tab1").hide(); 
    $("#tab2").hide(); 
    $("#tab3").hide(); 

    $(selectedTab).show(); 
} 

3) 세 번째 옵션은 각 탭에 대한 별도의 부분적인 전망을하는 것입니다 : 나는 대개 내가 이런 식으로 표시 할 사업부 (탭)의 ID를 전달합니다. 당신은 사업부 섹션에 다른 탭을로드 할 JQuery와 .load() 방법을 사용할 수 있습니다 :

var url = "/ControllerName/ActionViewThatReturnsPartialView/ 
$("#popup-div-placeholder").html("").load(url); 

당신이 .dialog()

는 희망이 도움이 JQuery와 활용할 수있는 팝업 창 메커니즘을 구현하려면.

관련 문제