Wie kann ich Teilansicht innerhalb der Ansicht laden

Ich bin sehr verwirren mit diesem seitlichen Blick...

Ich soll zum laden einer Teilansicht in meinem Haupt-Ansicht ...

hier ist das einfache Beispiel...

Ich bin be-Index.cshtml der Homecontroller Index-Aktion als ein Haupt-Seite..

im index.cshtml erstelle ich einen link per

@Html.ActionLink("load partial view","Load","Home")

im HomeController ich bin das hinzufügen einer neuen Aktion namens

public PartialViewResult Load()
{
    return PartialView("_LoadView");
}

in _LoadView.cshmtl ich bin nur ein

<div>
    Welcome !!
</div>

ABER, wenn Sie das Projekt ausführen, index.cshtml macht ersten und zeigt mir den link "Laden Teilansicht" ... wenn ich auf geht es zu neuen Seite instade der Erbringung der willkommen-Nachricht von _LoadView.cshtml in den index.cshtml.

Was kann falsch sein?

Hinweis: ich möchte nicht zu laden-Seite über AJAX, oder nicht wollen, um Ajax verwenden.ActionLink

InformationsquelleAutor der Frage patel.milanb | 2011-09-03

125

Wenn Sie möchten, laden Sie die Teilansicht direkt in der Hauptansicht können Sie die Html.Action Helfer:
```
@Html.Action("Load", "Home")
```
oder wenn Sie nicht wollen, zu gehen durch den Laden, Aktion verwenden Sie die HtmlPartial hepler:
```
@Html.Partial("_LoadView")
```
Wenn Sie verwenden möchten Ajax.ActionLink ersetzen Sie Ihre Html.ActionLink mit:
```
@Ajax.ActionLink(
    "load partial view", 
    "Load", 
    "Home", 
    new AjaxOptions { UpdateTargetId = "result" }
)
```
und natürlich musst du eine Halterung in Ihrer Seite ein, wo die teilweise angezeigt werden:
```
<div id="result"></div>
```
Auch nicht vergessen:
```
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
```
in der main view, um zu ermöglichen Ajax.* Helfer. Und stellen Sie sicher, dass unobtrusive javascript enabled in your web.config (es sollte standardmäßig sein):
```
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
```
InformationsquelleAutor der Antwort Darin Dimitrov
15

Ich hatte genau das gleiche problem wie Leniel. Ich habe versucht, Updates, die hier vorgeschlagen werden und ein Dutzend anderer Orte. Die Sache, die schließlich für mich gearbeitet wurde einfach hinzufügen
```
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
```
meinem layout...

InformationsquelleAutor der Antwort Scott
5

Wenn Sie es tun, mit einem @Html.ActionLink() dann laden die PartialView wird behandelt wie eine normale Anfrage, wenn Sie auf einen Anker-element, d.h. laden der neuen Seite mit der Antwort des PartialViewResult Methode.
Wenn Sie wollen, um es zu laden immedialty, dann verwenden Sie @Html.RenderPartial("_LoadView") oder @Html.RenderAction("Load").
Wenn Sie wollen, es zu tun auf userinteraction (d.h. auf einen link klicken), dann müssen Sie die Verwendung von AJAX --> @Ajax.ActionLink()

InformationsquelleAutor der Antwort Major Byte

Für mich gearbeitet, nachdem ich heruntergeladen Unobtrusive AJAX-Bibliothek über NuGet :

 Search and install via NuGet Packages:   Microsoft.jQuery.Unobtrusive.Ajax

Als hinzufügen in der Ansicht der Referenzen mit jquery und AJAX Unauffällig:

@Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"> </script>

Neben der Ajax - ActionLink und die div waren wir Rendern wollen die Ergebnisse:

@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)

<div id="toUpdate"></div>

InformationsquelleAutor der Antwort Stefan Vlad

Kleine tweek zu den oben genannten

@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    "ControlerName",
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)

<div id="toUpdate"></div>

InformationsquelleAutor der Antwort 3d cad consultant

1

RenderParital ist Besser für die performance.
```
{@Html.RenderPartial("_LoadView");}
```
InformationsquelleAutor der Antwort maxspan
0

wenn Sie Auffüllen möchten Inhalte Ihrer Teilansicht innen Ihre Ansicht, die Sie verwenden können,
```
@Html.Partial("PartialViewName")
```
oder
```
{@Html.RenderPartial("PartialViewName");}
```
wenn Sie möchten, um Anfragen an den server und die Daten verarbeiten und dann wieder teilweise Sicht auf Sie Hauptansicht gefüllt mit, dass die Daten, die Sie verwenden können,
```
...
    @Html.Action("Load", "Home")
...

public PartialViewResult Load()
{
    return PartialView("_LoadView");
}
```
wenn Sie möchten, dass Benutzer auf den link zu klicken und dann füllen Sie die Daten des partiellen view Sie verwenden können:
```
@Ajax.ActionLink(
    "Click Here to Load the Partial View", 
    "ActionName", 
    "ControlerName",
    null, 
    new AjaxOptions { UpdateTargetId = "toUpdate" }
)
```
InformationsquelleAutor der Antwort Jaimin Dave
-1

EINER SACHE BEWUSST SEIN - UND ICH FIEL FOUL VON DIESER...
```
jquery.validate.unobtrusive.js
jquery.validate.unobtrusive.min.js
```
SIND NICHT DAS GLEICHE WIE...
```
jquery.unobtrusive-ajax.js
jquery.unobtrusive-ajax.min.js
```
Lese ich "unauffällig" und angenommen ich hatte die richtige Bibliothek, die AJAX-sind erforderlich!

InformationsquelleAutor der Antwort Dave

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.