Können Sie anstelle eines ganzseitigen Beitrags einfach eine Teilansicht aktualisieren?

Gibt es eine Möglichkeit, ein Teilansichtsformular in asp.net mvc zu übermitteln, ohne die übergeordnete Seite neu zu laden, aber die Teilansicht nur in den neuen Zustand neu zu laden? Ähnlich wie bei der Aktualisierung von knockout.js mit data-bind.

Meine Datentabelle wird mit einer variablen Anzahl von Spalten/Namen gerendert, daher denke ich nicht, dass knockout.js eine Option für diese ist, also versuche ich stattdessen, eine Teilansicht zu verwenden.

Nicht ohne jQuery.

Was Sie tun müssten, ist Ihr Partial in ein div zu setzen, etwa so:

<div id="partial">
    @Html.Partial("YourPartial")
</div>

Dann zum Aktualisieren (zum Beispiel durch Klicken auf eine Schaltfläche mit der ID button), du könntest es tun:

$("#button").click(function () {
   $.ajax({
       url: "YourController/GetData",
       type: "get",
       data: $("form").serialize(), //if you need to post Model data, use this
       success: function (result) {
           $("#partial").html(result);
       }
   });
})

Dann würde Ihre Aktion in etwa so aussehen:

public ActionResult GetData(YourModel model) //that's if you need the model
{
    //do whatever

    return View(model);
}

Wenn Ihr Teil eine untergeordnete Aktionsmethode hat, können Sie tatsächlich direkt zur untergeordneten Aktion posten (oder sogar einen Ankerlink verwenden) und einen Ajax-ähnlichen Effekt erzielen. Wir tun dies in mehreren Ansichten.

Die Syntax ist

@Html.Action("MyPartial")

Die untergeordnete Aktion ist

public ActionResult MyPartial()
{
    return PartialView(Model);
}

Wenn Ihr Formular an die untergeordnete Aktion gesendet wird

@using (Html.BeginForm("MyPartial"))
{
    ...
}

Die Teilansicht wird mit der Teilansicht aktualisiert, die von der untergeordneten Aktion zurückgegeben wird.

Jquery ist immer noch ein legitimer Weg, um einen Partial zu aktualisieren. Aber technisch gesehen lautet die Antwort auf Ihre Frage JA.

Wenn ich nach solchen Dingen suche, finde ich normalerweise, dass die Leute zu begrenzte Informationen geben, also werde ich versuchen, hier zu helfen. Der Schlüssel besteht darin, ein div mit einer ID einzurichten, an die Sie die Rückgabe-HTML anhängen können. Achten Sie auch beim Anschlagen Ihres Controllers darauf, dass er den Teilton zurückgibt. Es gibt einige potenzielle Probleme mit dieser Methode, aber an einem guten Tag sollte es funktionieren.

<div id="CategoryList" class="widget">
    @{
        Html.RenderPartial("WidgetCategories.cshtml");
    }
</div>

          function DeleteCategory(CategoryID) {
            $.get('/Dashboard/DeleteWidgetCategory?CategoryID=' + CategoryID,
                function (data) {
                    if (data == "No") {
                        alert('The Category has report widgets assigned to it and cannot be deleted.');
                    }
                    else {
                        $('#CategoryList').html(data);
                    }

                }
            );
        }


    [HttpGet("DeleteWidgetCategory")]
    [HttpPost("DeleteWidgetCategory")]
    public IActionResult DeleteWidgetCategory(string CategoryID)
    {
        string Deleted = CategoryModel.DeleteCategory(CategoryID);

        if (Deleted == "Yes")
        {
            return PartialView("WidgetCategories");
        }
        else
        {
            return this.Json("No");
        }
    }

Ich würde den Ajax-Formularhelfer für solche Szenarien mit einer Teilansicht und @html.RenderPartial(“partialName”) verwenden.
teilweise Helfer

In Ihrer Hauptansicht

<div id=SearchResult>
   @Html.Partial("_NameOfPartialView", Model)
</div>

<input type="button" id="btnSubmit" value="Submit">

In Ihrer Javascript-Datei

$('#btnSubmit').click(function () {
    GetData(Id);
});

function GetData(Id){
  $.ajax({
     url: "/Home/GetEmployee/",
     type: "get",
     data: { Id:Id },
     success: function (result) {
     $('#SearchResult').html(result);
     }
   });
}

In Ihrem Home-Controller

public ActionResult GetEmployee(int Id)
{
   var employee= context.Employee.Where(x=> x.EmployeeId == Id)

   return this.PartialView("_NameOfPartialView", employee);
}