如何根據asp.net中的另一個選項卡加載一個jquery選項卡mvc

Question

現在我正在使用兩個選項卡一個用於國家和一個城市.IF我點擊第一個選項卡，國家將被加載，第二個選項卡，城市將現在我想實現的是，當我點擊第一個選項卡網格下的任何國家，然後第二個選項卡只填寫相應的國家城市，我將如何做，國家ID和城市c_id有主鍵和外鍵關係船

<ul> 
      <li><a href="#tabs-1">Tab Header 1</a></li> 
      <li>@Html.ActionLink("Tab Header 2", "_gridsecondtab")</li> 
     </ul> 
     <div id="tabs-1"> 
      @Html.Action("_gridfirsttab"); 
     </div> 

firstgrid 

<div id="gridfirstContent"> 
    @grid.GetHtml(tableStyle: "webGrid", 
      headerStyle: "header", 
      alternatingRowStyle: "alt", 
      selectedRowStyle: "select", 
      columns: grid.Columns(
      grid.Column("id", format: (item) => item.GetSelectLink(item.id.ToString())), 
      grid.Column("countryname", "CountryName"), 
      grid.Column("continent", "Continent", style: "description"), 
      grid.Column("language", "Language") 
    )) 
    @{ 
    firstmvc4.Models.Country conuntry = new firstmvc4.Models.Country(); 
} 

控制器

public ActionResult _gridfirsttab() 
    { 
     return PartialView(db.Countries.ToList()); 

    } 
     public ActionResult _gridsecondtab() 
    { 
     return PartialView(db.Citynews.ToList()); 

    } 

Answer 1

通常這樣做的方式是根據用戶的國家選擇使用AJAX回調來填充城市。你在標題中提到了jQuery，所以這就是我想要的。

如您所做的那樣，您的主頁是否返回了國家網格？要填充城市，通常會以JSON格式返回數據並編寫一些JavaScript來呈現城市列表客戶端。或者，您可以呈現HTML服務器端並直接顯示它，但效率較低。

另請參閱http://api.jquery.com/jQuery.ajax/瞭解如何使用jQuery來執行JavaScript的AJAX調用。

希望有所幫助。