MVC-Controller Abfrage

Question

Folgendes ist meine cascade Dropdown-Liste Abfrage. Länder listen auf, aber nicht die Staaten, die in meiner Dropdown-Liste geladen werden. Wenn mir jemand helfen kann, die Anfrage zu korrigieren, bitte.

 public ActionResult CountryList() 
     { 

      var countries = db.Countries.OrderBy(x=>x.CountryName).ToList(); 
     // IQueryable countries = Country.GetCountries(); 

      if (HttpContext.Request.IsAjaxRequest()) 
      { 
       return Json(new SelectList(
          countries, 
          "CountryID", 
          "CountryName"), JsonRequestBehavior.AllowGet 
          ); 
      } 

      return View(countries); 
     } 

     public ActionResult StateList(int CountryID) 
     { 
      IQueryable <State> states= db.States. Where(x => x.CountryID == CountryID); 

      if (HttpContext.Request.IsAjaxRequest()) 
       return Json(new SelectList(
           states, 
           "StateID", 
           "StateName"), JsonRequestBehavior.AllowGet 
          ); 

      return View(states); 
     } 

finden Sie die View-Datei Java-Script auch containg:

@section scripts { 
    <script type="text/javascript"> 
     $(function() { 
      $.getJSON("/Dropdown/Countries/List",function (data) { 
       var items = "<option>---------------------</option>"; 
       $.each(data, function (i, country) { 
        items += "<option value='" + country.Value + "'>" + country.Text + "</option>"; 
       }); 
       $("#Countries").html(items); 
      }); 

      $("#Countries").change(function() { 
       $.getJSON("/Dropdown/States/List/" + $("#Countries > option:selected").attr("value"), function (data) { 
        var items = "<option>---------------------</option>"; 
        $.each(data, function (i, state) { 
         items += "<option value='" + state.Value + "'>" + state.Text + "</option>"; 
        }); 
        $("#States").html(items); 
       }); 
      }); 
     }); 
    </script> 
} 

<h1>@ViewBag.Title</h1> 

@using (Html.BeginForm()) 
{ 
    <label for="Countries">Countries</label> 
    <select id="Countries" name="Countries"></select> 
    <br /><br /> 
    <label for="States">States</label> 
    <select id="States" name="States"></select> 
    <br /><br /> 
    <input type="submit" value="Submit" /> 
} 

Answer 1

Zu allererst Ihre Aktion-Methode Name ist StateList, die einen Parameter CountryID namens erwartet. Aber Ihr Code ruft Ihre Aktionsmethode StateList mit einem solchen Querystring-Parameter nicht auf. Also reparier das.

$("#Countries").change(function() { 
    $.getJSON("@Url.Action("StateList","Home")?CountryID=" + 
               $("#Countries").val(), function (data) { 
     var items = "<option>---------------------</option>"; 
     $.each(data, function (i, state) { 
      items += "<option value='" + state.Value + "'>" + state.Text + "</option>"; 
     }); 
     $("#States").html(items); 
    }); 
}); 

Ich benutzte auch @Url.Action Helper-Methode die richtige URL der Aktion-Methode mit der Annahme, dass Ihr StateList Aktionsmethode HomeController gehört zu bekommen. Aktualisieren Sie den Parameter entsprechend Ihrem tatsächlichen Controllernamen nach Bedarf.

Nun sollten Sie in Ihrer Aktionsmethode nicht versuchen, die IQueryable-Auflistung zurückzugeben. Sie können die Daten einfach in eine Liste von SelectListItem projizieren und diese zurückgeben.

public ActionResult StateList(int CountryID) 
{ 
    var states = db.States.Where(x => x.CountrId==CountryID).ToList(); 
    //this ToList() call copies the data to a new list variable. 

    var stateOptions = states.Select(f => new SelectListItem { 
                 Value = f.StateID.ToString(), 
                 Text = f.StateName } 
            ).ToList(); 

    if (HttpContext.Request.IsAjaxRequest()) 
     return Json(stateOptions, JsonRequestBehavior.AllowGet); 

    return View(states); 
}