Wie kann ich nur eine Teilansicht in ihrer Ansicht aktualisieren?

Question

Was mache ich falsch Leute? Das ist die Idee ...

Index Ansicht

<div class="col-lg-12 col-md-12 col-xs-12"> 
    @Html.Partial("PartialView", Model) 
</div> 

-Controller

public ActionResult PartialView() 
{ 
    return PartialView("PartialView"); 
} 

[HttpPost, ValidateInput(false)] 
public ActionResult POSTPartialView(string param1) 
{ 
    return PartialView("PartialView"); 
} 

PartialView ein Formular hat. Das erste Mal, wenn ich in Index eintrage, funktioniert PartialView, aber das zweite Mal, nach einem POST-Aufruf (kommt aus dem Formular innerhalb von PartialView), ich musste nur die PartialView aus dem Index rendern.

So beheben es, ich mache das nächste:

[HttpPost, ValidateInput(false)] 
public ActionResult POSTPartialView(string param1) 
{ 
    return View("Index"); 
} 

, das funktioniert. Ich rendere alle Indizes neu (mit meinen Änderungen, nach POST). Aber ich aktualisiere alle Seiten, so dass ich ein paar CSS-Elemente verloren habe (zum Beispiel Akkordeon entfärbt).

Sollte ich Ajax nur für die Aktualisierung der div verwenden, die PartialView enthält?

Dank Mates.

EDITED:

@using (Html.BeginForm("PartialView", "Controller", FormMethod.Post, new { @class = "form-inline", role = "form" })) 
{ 
    <div class="form-group col-lg-3 col-md-3 col-xs-3"> 
     <label for="DATA">DATA:</label> 
     <input type="text" class="form-control pull-right" name="DATA"> 
    </div> 
    <button type="submit" class="btn btn-primary pull-right">Get Data</button> 
} 

Answer 1

Nun, las ich die Lösung (Auto Refresh Partial View). Ich veröffentliche es, klären Hoffnung, die Frage:

index.html

<div class="col-lg-12 col-md-12 col-xs-12" id="divPartial"> 
    @Html.Partial("PartialView", Model) 
</div> 

<script type="text/javascript"> 
    $("#buttonForm").click(function(e){ 
    $('#form').submit(); 
    $('#divPartial').load('/PartialController/PartialView'); 
    }); 
</script> 

PartialController

public ActionResult PartialView() 
{ 
    // DO YOUR STUFF. 
    return PartialView("PartialView", model); 
} 

[HttpPost, ValidateInput(false)] 
public EmptyResult POSTPartialView(string param1) 
{ 
    // DO YOUR STUFF AFTER SUBMIT. 
    return new EmptyResult(); 
} 

Answer 2

Teilansicht orientiert sich einige Teile des Codes in differents Ansichten wieder zu verwenden, aber wenn Sie ein Formular einreichen, wird die gesamte Ansicht neu geladen.

Wenn Sie nicht neu laden möchten, müssen Sie AJAX verwenden, um das Formular zu senden.

Answer 3

Teilansicht ist für die Wiederverwendung einige Teile des Codes in verschiedenen. Wenn eine Seite gesendet wird, wird die Ansicht erneut geladen, wenn Sie die Seitenaktualisierung vermeiden möchten. Sie können ajax verwenden.

-Code für View

$.ajax({ 
    type: "POST", 
    url: '@Url.Action("ControllerName", "ActionName")', 
    contentType: "application/json; charset=utf-8", 
    data: { data: "yourdata" }, 
    dataType: "json", 
    success: function(recData) { alert('Success'); }, 
    error: function() { alert('A error'); } 
}); 

-Code für Controller

public JsonResult ActionName(string yourdata) 
{ 
    return Json(p); \\ where p is you want to return 
}