下拉路由到不同的控制器/操作方法無縫

MVC網站 - 在主頁頁眉部分，我有一個下拉，其中有兩個選項。每個選項都應該路由到不同的Controller/ActionMethod。因爲我需要將它放在每個頁面的標題部分，所以我把它放在site.master文件中。下拉路由到不同的控制器/操作方法無縫

下拉代碼：

 <%=Html.DropDownList("OneOrTwo", 
     new List<SelectListItem> 
     { 
     new SelectListItem{ Text="One", Value = "One" }, 
     new SelectListItem{ Text="Two", Value = "Two" }      
     } 
     , new { @style = "background-color:#f00; border: none;", onchange = 

     "fnNum()" }      

    )%>

在JavaScript文件，我有這樣的路由到不同的控制器/動作方法基於下拉選擇。

function fnNum() 
{ 
    var e = document.getElementById("OneOrTwo"); 
    var SelValue = e.options[e.selectedIndex].value; 

    if (SelValue == "One") 
     window.location.href = "Controller1/Index"; 

    else 
     window.location.href = "Controller2/Index";  
}

有兩個問題，這種方法：

當選擇改變 - 新選擇的選項不保留。即使網頁顯示新的控制器/操作方法視圖，下拉菜單也會切換回原來的選擇...
關於同一選項的後續選擇 - 帶我到localhost：/ Controller1/Index/Controller1 /索引/等.....必須有一個乾淨的方法來做到這一點。

所以我想兩件事情：

改變的選擇應予以保留。
在隨後的選擇，控制需要每次都正確地路由到控制器/指數，而不是控制器/索引/控制器/指數...等等。

感謝您的幫助。

來源

2012-05-10 ZVenue

您可以發佈選擇框的呈現HTML嗎？ – marteljn

要解決問題1，您必須設置SelectListItems的Selected屬性。所以我會改變你的代碼來生成下拉到這樣的東西：

@Html.DropDownList("FooOrBar", new List<SelectListItem> { 
     new SelectListItem{ Text="One", Value = "Two", Selected = Request.Path == "/Controller1/Index" }, 
     new SelectListItem{ Text="One", Value = "Two", Selected = Request.Path == "/Controller1/Index" }      
    }, new { @style = "background-color:#f00; border: none;", onchange = "fnNum()" })

第二個問題更容易解決。它來自於您將窗口位置設置爲相對於，而不是絕對網址。只需將其更改爲：

if (SelValue == "One") 
    window.location.href = "/Controller1/Index"; 
else 
    window.location.href = "/Controller2/Index";

來源

2012-05-10 19:48:12

謝謝..解決了這個問題，但我爲這兩個不同的下拉選項使用了兩個不同的site.master文件。我想知道如何使用相同的site.master頁面來選擇這兩個選項，但是能夠根據用戶選擇控制顯示哪些選項卡（ul，li項目）。 – ZVenue

您可以使用與我用來確定應該選擇什麼'SelectListItem'相同的技術。只需比較'Request.Path'。 –

下拉路由到不同的控制器/操作方法無縫

回答

相關問題