Die Integration von jquery mit AJAX Verwendung von MVC für ddl/html.dropdownlist

Die situation:
Ein Benutzer auf der Seite in Frage, wählt eine Kategorie aus der dropdown-welche dann dynamisch füllt alle Benutzer, die Kategorie in einem zweiten dropdown daneben.

Alle Daten abgerufen werden mit LinqtoSQL und ich Frage mich, ob dies getan werden kann
a) die Verwendung von html.dropdownlist in einer stark typisierten view?
b) die Verwendung von jquery zum auslösen der ajax-request auf ausgewählten index-Veränderung statt ein "Auffüllen" - button auslösen?

Leider habe ich keine code was ich versucht habe, war wirklich nicht zu arbeiten. Ich bin Probleme mit, wie es konzeptionell und programmatisch!

Schätzen alle links, Beispiele etc stark!

Vielen Dank im Voraus!

EDIT:

Dies ist eine Art, was ich versucht habe, zu erreichen.Dirst die
ViewPage:

       <script type="text/javascript">
        $(document).ready
            function TypeSearch() {
                $.getJSON("/Home/Type", null, function(data) {
                    //dont know what to do here

                });

            }
        </script>

        <p>
              <label for="userType">userType:</label>
            <%= Html.DropDownList("userType") %>
            <%= Html.ValidationMessage("userType", "*") %>
          <input  type="submit" runat="server" onclick="TypeSearch()" />

            <label for="accountNumber">accountNumber:</label>
            <%= Html.DropDownList("accountNumber") %>
            <%= Html.ValidationMessage("accountNumber", "*") %>
        </p>

Dann nach Hause-controller Aktion:

    public ActionResult Type()
    {
        string accountType = dropdownvalue;
        List<Account> accounts = userRep.GetAccountsByType(accountType).ToList();

        return Json(accounts);
    }
InformationsquelleAutor | 2009-05-01
  1. 0

    nur Codierung outloud hier aber möchten Sie vielleicht, etwas zu tun, wie die folgenden

    public void Type(string accountType)
{
    List<Account> accounts = userRep.GetAccountsByType(accountType).ToList();

    Json(accounts).ExecuteResults(this.ControllerContext);
}

    mit den folgenden jQuery-Skript

    $(document).ready(function() {
    $("#dropdownid").change(function() {
        $.getJSON(
            "/Home/Type/" + $("#dropdownid :selected").val(),
            "[]",
            function(data) {
                $("#seconddropdownid").empty();
                $.each(data, function() {
                    $("#seconddropdownid").append("<option>" + this.Property + "</option>");
                });
            }
        );
    });
});

    dies ist alles aus der Spitze von meinem Kopf und könnte einige Fehler in der syntax, Sie können jedoch erhalten Sie die jist.

    InformationsquelleAutor Robert Sweeney
  2. 0

    Ich würde jquery verwenden und die selectboxes plugin. Es hat eine schöne Oberfläche zu tun cascading dropdowns mit einem ajax-Aufruf, der json zurückgibt. Code würde ungefähr so Aussehen:

    $(document).ready(function() {
    function TypeSearch() {
        //remove any existing options
        $("#idOfSelect").removeOption(/./);
        var opts = { accountType : $("#idOfParent").val() };
        $("#idOfSelect").ajaxAddOption("/Home/Type", opts, false);
    }
});
    • Dank Haufen Jungs, die spielen, um mit ihm heute Abend und lassen u wissen, wie es geht.. genial helfen! cheers
    InformationsquelleAutor Brian Yarger
Schreibe einen Kommentar