MVC3佈局使用jQuery和局部視圖

我想實現的是一種佈局視圖類型的功能，其中我有頂部的彈出窗口這也是一個局部視圖的標籤，我可以點擊它們之間瀏覽不同的頁面在jQuery和部分視圖的幫助下。幾乎是一種佈局類型的功能。 enter image description here MVC3佈局使用jQuery和局部視圖

請讓我知道，如果有一個視頻教程或任何指導如何實現這一點。此外，我需要將ID傳遞給局部視圖來獲取信息。

謝謝！

2012-07-13 OBL

你在谷歌搜索「jQuery選項卡」嗎？有很多.. – Shyju 2012-07-13 17:31:55

我會尋找它。謝謝！有什麼具體的事情可以處理我的情況嗎？ – OBL 2012-07-13 17:40:05

jQuery用戶界面對話框，jQuery選項卡然後耐心地嘗試自己的代碼 – Shyju 2012-07-13 17:43:08

有幾種方法可以做到這一點：

1）就像在評論中提到上面可以實現JQuery的.tab()一些人。這裏是你可以遵循的教程： http://www.jacklmoore.com/notes/jquery-tabs

2）你可以創建一個局部視圖，顯示爲一個JQuery .dialog（）。在該部分視圖中，頂部可以有三個鏈接對應三個標籤標題。

每個鏈接都會在div上調用JQuery .show（），該div將包含要顯示的「tab」內容和其他人的.hide（）。我通常只是傳遞一個div（標籤）的ID我想要顯示的東西是這樣的：

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

    $(selectedTab).show(); 
}

3）第三種選擇是對每個選項卡單獨的局部視圖。您可以使用jQuery .load()方法也不同標籤加載到一個DIV部分：

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

要實現你可以採取的jQuery優勢.dialog()

希望它可以幫助一個彈出窗口機制。

2012-07-13 20:55:49 Shenaniganz

回答