Як я можу завантажити частковий вигляд усередині подання?

Я дуже плутаю цю часткову думку.

Я хочу завантажити частковий вигляд всередині мого основного перегляду.

Ось простий приклад.

Я завантажую Index.cshtml дії Index Index Homecontroller як головну сторінку.

У index.cshtml я створюю посилання через

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

у HomeController я додаю нову дію під назвою

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

у _LoadView.cshmtl у мене просто є

<div>
    Welcome !!
</div>

АЛЕ, під час запуску проекту index.cshtml відображається першим і показує мені посилання "Завантажити частковий вигляд". коли я натискаю на це, воно переходить до нової сторінки індексу візуалізації привітального повідомлення з _LoadView.cshtml в index.cshtml.

Що може бути не так?

Примітка: Я не хочу завантажувати сторінку через AJAX або не хочу використовувати Ajax.ActionLink.

Якщо ви хочете завантажити частковий вигляд безпосередньо всередині основного вигляду, ви можете скористатися Html.Actionпомічником:

@Html.Action("Load", "Home")

або якщо ви не хочете проходити дію Load, використовуйте помічник HtmlPartialAsync:

@await Html.PartialAsync("_LoadView")

Якщо ви хочете використовувати Ajax.ActionLink, замініть ваш Html.ActionLinkна:

@Ajax.ActionLink(
    "load partial view", 
    "Load", 
    "Home", 
    new AjaxOptions { UpdateTargetId = "result" }
)

і звичайно, вам потрібно включити власника на свою сторінку, де буде відображатися частковий:

<div id="result"></div>

Також не забудьте включити:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

у вашому основному поданні, щоб увімкнути Ajax.*помічників. І переконайтеся, що у вашому web.config увімкнено ненав’язливий javascript (він повинен бути за замовчуванням):

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

У мене була точно така ж проблема, як у Леніеля. Я спробував виправлення, запропоновані тут і ще з десяток інших місць. Річ, яка нарешті спрацювала для мене, просто додала

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")

до мого макета ...

Якщо ви робите це із @Html.ActionLink()завантаженням, то PartialView обробляється як звичайний запит при натисканні на елемент прив'язки, тобто завантажує нову сторінку з відповіддю методу PartialViewResult.
Якщо ви хочете завантажити його негайно, тоді ви використовуєте @Html.RenderPartial("_LoadView")або @Html.RenderAction("Load").
Якщо ви хочете зробити це під час взаємодії з користувачем (тобто клацнувши на посилання), вам потрібно скористатися AJAX ->@Ajax.ActionLink()

Для мене це спрацювало після того, як я завантажив ненав’язливу бібліотеку AJAX через NuGet:

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

Потім додайте у поданні посилання на jquery та ненав’язливий AJAX:

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

Далі Ajax ActionLink і div, коли ми хотіли відтворити результати:

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

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

якщо ви хочете заповнити вміст вашого часткового подання всередині свого подання, ви можете використовувати

@Html.Partial("PartialViewName")

або

{@Html.RenderPartial("PartialViewName");}

якщо ви хочете зробити запит на сервер і обробити дані, а потім повернути частковий вигляд вам в основне представлення, заповнене цими даними, якими ви можете скористатися

...
    @Html.Action("Load", "Home")
...

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

якщо ви хочете, щоб користувач натиснув на посилання, а потім заповнив дані часткового перегляду, ви можете використовувати:

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

Невеликий твік до вищезазначеного

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

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

RenderParital краще використовувати для виступу.

{@Html.RenderPartial("_LoadView");}