Render Razor Partial View in Razor Component (Blazor)

user_573357 0
Viewed 7277

I am newly discovering Blazor and have been playing with some test projects to better gauge how I might include this in future projects. Coming from an MVC background I have started with an MVC project and added Razor components to it which I am nesting inside of my standard MVC razor pages.

Is the reverse possible? Can I do something equivalent to @Html.RenderPartial() inside of a Razor(Blazor) component?

For example

MVC View uses @(await Html.RenderComponentAsync<Test>(RenderMode.ServerPrerendered)) to render a component

The component manages state etc and uses an equivilent of @Html.RenderPartial("Someview.cshtml", someModel) to render standard razor view with model binding.

blazor asp.net-core .net-core asp.net-mvc c#
1 Answers

You can use a RenderFragment to load an Html code from a static file, razor page or MVC view by loading its content from its URL.

sample

@page "/"
@page "/home"
@inject HttpClient _httpClient

<h1>Welcome</h1>
@_renderFragment

@code {
        protected override async Task OnInitializedAsync()
        {
            using var response = await _httpClient.GetAsync("http://localhost:4321/WelcomFragment").ConfigureAwait(false);
            var content = await response.Content.ReadAsStringAsync().ConfigureAwait(false);
            _renderFragment = builder =>
            {
                builder.OpenElement(1, "p");
                builder.AddContent(2, new MarkupString(content));
                builder.CloseElement();
            };
            base.OnInitialized();
        }
}
user_29409080
Related