Odpowiednik html.RenderAction w środowisku ASP.NET Core

Question

Próbuję przejść do środowiska ASP.NET Core z mojej małej aplikacji ASP.NET MVC 4.

W mojej aplikacji MVC 4, Mam plik układ, który wykorzystuje RenderSection jak:

@RenderSection("xyz", required: false) 

Następnie, w moim pliku indeksu, mam:

@section xyz{ 
     @{Html.RenderAction("abc");} 
    } 

Więc wzywam kontroler metoda działania abc() z indeksu. Metoda abc() przekazuje obiekt modelu i zwraca częściowy widok z tym modelem. Nie mogę użyć RenderPartial, ponieważ wymaga przekazania modelu.

Teraz, w ASP.NET Core, nie mam metody RenderAction().

Moje pytanie brzmi: w jaki sposób powinienem wywołać metodę działania kontrolera z mojego pliku indeksu? Czy jest tam jakikolwiek inny helper HTML (chociaż nie widzę żadnego)?

.

Answer 1

W końcu mogłem to zrobić za pomocą ViewComponent. Tak więc, zamiast RenderAction(), zrobiłem:

@section xyz{ 
     @await Component.InvokeAsync("abc") 
    } 

Gdzie abc jest klasa jako abcViewComponent. ViewComponent wygląda następująco:

public class abcViewComponent : ViewComponent 
    { 
     private DbContextOptions<MyContext> db = new DbContextOptions<MyContext>(); 
     public async Task<IViewComponentResult> InvokeAsync() 
     { 
      MyContext context = new MyContext(db); 
      IEnumerable<tableRowClass> mc = await context.tableRows.ToListAsync(); 
      return View(mc); 
     } 
    } 

Potem stworzyliśmy widok pod nowym folderze 'mc' jako Views/Home/components/mc/Default.cshtml

Należy zauważyć, że nazwa widoku jest Default.cshtml i tak działało. Jeśli ktoś ma jakieś lepsze rozwiązanie, proszę dać mi znać.

Dzięki za skierowanie mnie w stronę ViewComponent.

Answer 2

Istnieje obejście, można użyć Url.Action + JQuery do renderowania zawartości.

Widok, w którym chcesz, aby uczynić działania będzie wyglądać następująco:

<div id="dynamicContentContainer"></div> 
<script> 
    $.get('@Url.Action("GetData", "Home")', {id : 1}, function(content){ 
      $("#dynamicContentContainer").html(content); 
     }); 
</script> 

Kontroler główna:

[HttpGet] 
public IActionResult GetData(int id) 
{ 
    return PartialView(id); 
} 

Widok

@model int 
 
<span>Values from controler :</span> @Model

Jeśli chcesz mieć większą kontrolę nad życzenie można przeczytać tutaj Więcej informacji: jQuery.get()

Answer 3

Tylko dla realizacji powyższej kwestii, to chyba bezpieczniej podać nazwę klasy ViewComponent jak pokazano poniżej:

@section xyz{ 
    @await Component.InvokeAsync(nameof(yournamespace.abc)) 
} 

i chociaż jest to powszechne w użyciu „Default” jako powstałego widoku można również powrócić nazwę widoku, jeżeli różni się od domyślnie:

public class abcViewComponent : ViewComponent 
{ 
    private DbContextOptions<MyContext> db = new DbContextOptions<MyContext>(); 
    public async Task<IViewComponentResult> InvokeAsync() 
    { 
     MyContext context = new MyContext(db); 
     IEnumerable<tableRowClass> mc = await context.tableRows.ToListAsync(); 
     return View("YourViewName", mc); 
    } 
}