jQuery, MVC3: Einreichung einer Teilansicht Formular in einem modalen Dialogfeld

Ich bin nur spielen, um mit jQuery und MVC3 im moment, und Frage mich, wie kann ich ein Formular Absenden, wurde die dynamisch geladen jQueryUI dialog?

Mein code bisher aus...

Javascript/jQuery

$(document).ready(function () {

    $('.trigger').live('click', function (event) {

       var id = $(this).attr('rel');

       var dialogBox = $("<div>");

       $(dialogBox).dialog({
           autoOpen: false,
           resizable: false,
           title: 'Edit',
           modal: true,
           show: "blind",
           hide: "blind",
           open: function (event, ui) {
               $(this).load("PartialEdit/" + id.toString());
           }
        }
    });

    $(dialogBox).dialog('open');

})    });

cshtml

<h2>Detail</h2><a href="#" class="trigger" rel="1">Open</a>

Controller

public ActionResult PartialEdit(int id)
    {
        return PartialView(new EditViewModel() { Name = id.ToString() });
    }

    [HttpPost]
    public ActionResult PartialEdit(int id, FormCollection collection)
    {
        //What to put here???            
    }

Die Teilansicht

....@using (Html.BeginForm()){....Html.EditorFor(model => model.Name).....}....

Wie sehen Sie die load() in jQuery ruft eine PartialView namens PartialEdit.

Form ist das laden ganz gut, aber ich stecken geblieben bin, wie ich eigentlich abschicken?

Fragen

Wie bekomme ich die UI auf das Formular, und schließen Sie den dialog? Was soll der [HttpPost]PartialEdit zurück?

Im moment habe ich den submit-button, in der Teilansicht. Wenn angeklickt, wird das Formular gesendet, und der browser tut, was die [HttpPost]PartialEdit gibt (derzeit resultierende in eine leere Seite wird angezeigt).

Aber nach einem submit-ich möchte stattdessen auf ein Ereignis auslösen, auf der client-Seite (Vielleicht eine gesamte Seite aktualisiert werden, oder eine teilweise Aktualisierung der Seite je nach Kontext verwendet wird). Ich bin mir nicht sicher, wo Sie anfangen sollen?

Auch, sollte ich legen einen submit-button innerhalb der PartialView, oder sollte ich verwenden Sie die Schaltflächen auf der jQuery-UI-dialog?

Irgendwelche Vorschläge/Zeiger geschätzt.

InformationsquelleAutor ETFairfax | 2011-06-22
Schreibe einen Kommentar