ASP.Net MVC jQuery Dialog Teilweise

Vielleicht jemand da draußen kann mir helfen zu verstehen, was Los ist. Ich bin mit jQuery UI dialog() für die Anzeige von html partials in mein Projekt. Wenn ein Benutzer klickt auf Add New es zeigt das add-client-form. Allerdings, wenn der Benutzer klickt auf den Hinzufügen-oder Abbrechen-Schaltflächen im dialog bekomme ich eine Fehlermeldung, "$(this).dialog ist keine Funktion". Wenn ich entfernen Sie die open-Ereignis und zeigt in einer statischen form, in der dialog, die Tasten, die funktionieren.

ClientsController

public ActionResult ajaxCreateClient()
{
    Client c = new Client();
    AddToViewData(c); //adds some additional info about client
    return PartialView("__ClientForm", c);
}

Anzeigen: Kontakte/Erstellen

....
<p>
@Html.LabelForField(model => model.Client.Name)  <!-- custom extension that I wrote -->
@Html.TextboxFor(model => model.Client.Name)
<a id="btnAddNew" href="javascript:void()">Add New</a>
</p>
....
<div id="addNew"></div>

jQuery

$(document).ready(function () {
    $("#btnAddNew").click(function () {
        $("#addNew").dialog("open");
    });

    $("#addNew").dialog({
        autoOpen: false,
        title: "Add Client",
        width: 410,
        modal: true,
        resizable: false,
        open: function(event, ui) {
            $(this).load("@Url.Action("ajaxCreateClient", "Clients")");
        },
        buttons:
        {
            "Add": function () {
                //validate() and do something
                $(this).dialog("close");
            },
            "Cancel": function () {
                //do something else
                $(this).dialog("close");
            }
        }
    });
});

Dank!

InformationsquelleAutor gnome | 2011-01-26