ASP.NET MVC 4 Html.BeginForm in der Teilansicht, Werte nach dem Posten nicht richtig

Hauptseite -> Abschnitt 1 (hat einige Dropdowns und einen Speichern-Button)

        <div id="tab-section1">
            @{Html.RenderPartial("_Section1", Model.Section1);}
        </div>
        <div id="tab-section2">
            <div id="section2">
                @{Html.RenderPartial("_Section2", Model.Section2);}
            </div>
            @{Html.RenderPartial("_SubSection2", Model.SubSection2);}
        </div>

Der Inhalt von Abschnitt 1 wird in einer Teilansicht mit @ Html.BeginForm darin platziert. und in der Hauptansicht mit @ Html.RenderPartial gerendert

@using MyData
@model Section1ViewModel
@using(Html.BeginForm("EditSection1", "Project", FormMethod.Post, new { id = "section1-form", name = "section-form" }))
{
    @Html.HiddenFor(model => model.ProjectID)
 <table id="modules">
        <tr>
            <td class="bold" colspan="2">Modules
            </td>
        </tr>
        <tr>
            <td>
                @Html.DropDownListFor(m => m.SubmittedModules, new MultiSelectList(Model.AvailableModules, "ModuleID", "ModuleName", Model.SelectedModules.Select(m => m.ModuleID)),
                new { multiple = "multiple", @class = "multiselectb" })
            </td>
            <td>
                <input type="button" id="btnAddModule" value=" + " />
            </td>
        </tr>

        @foreach (Module b in @Model.SelectedModules)
        {
            <tr>
                <td colspan="2">
                    @b.ModuleName
                </td>
            </tr>
        }
   </table>
}

Wenn ich auf die Schaltfläche Speichern in der Teilansicht klicke, sollte es seinen eigenen Inhalt aktualisieren und andere Teilansichten SubSection2 sollten aktualisiert werden.

In der Aktionsmethode gebe ich die neuen Werte zurück und erstelle für die zweite Aktualisierung der Teilansicht eine Ajax-Submit-Funktion, in der ich die Aktion # secondpartialview.load durchführe:

[HttpPost]
        public ActionResult EditSection1(Section1ViewModel viewModel)
        {
            Section1Data section1Data = new Section1Data(_UnitOfWork);
            // save changes
            section1Data.SaveSection1(viewModel);

            viewModel = section1Data.GetSection1ViewModel(viewModel.ProjectID);
            return PartialView("_Section1", viewModel);
        }

Ajax einreichen:

$("#section1-form").submit(function () {

        $("#section1-saving").html("<img src='../../Images/ajax-loader.gif' />");

        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function (result) {
                $("#section1-saving").html("Saved!");
                $.ajaxSettings.cache = false;

                // Refresh the sub section 2 on the Section 2 tab
                $("#subSection2").load('../../Projects/subSection2/' + $("#ProjectID").val());
            },
            error: function (jqXHR, textStatus, errorThrown) {
                $("#section1-saving").html("Error: " + textStatus + " " + errorThrown);
            }
        });
        return false;
    });

Das Problem ist: Der DEBUGGER zeigt mir die aktualisierten Werte für selectedModules in action an, jedoch NICHT auf der Benutzeroberfläche.

Was vermisse ich?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage