Blazor Application - pass a Query String to the app on startup

Question

I have a Blazor application how can I pass a Query String to the app on startup? I want to pre-populate a form field and query a database with the query string value on startup.

Something like this `http://www.somesite.com?Company=Google

I have seen the following - using query string in pages. But how to you accept the query string on start up?

https://www.mikesdotnetting.com/article/340/working-with-query-strings-in-blazor

Where in the app page or code - Startup.cs / Program.cs - do you check for the query string.

thx in advance

score 2 · Accepted Answer · 2020-04-14 13:24:57Z

2

This Microsoft article will explain it better than I can:

https://learn.microsoft.com/en-us/aspnet/core/blazor/routing?view=aspnetcore-3.1

Here is a summary of relevant parts.

On your page you can have this:

@page "/Users/{text}"

Then in your code create a parameter:

[Parameter]
public string Company { get; set; }

Then if you navigate to: yoursite.com/Users/Google

your parameter will be populated, and you can do any loading / or other prerendering in OnInitializedAsync method.

// this is from one of my projects
protected override async Task OnInitializedAsync()
{
    // load the Categories
    this.Categories = await HelpCategoryService.GetHelpCategoryList();
}

You can have multiple routes on the same page, so you could have:

@page "/Users/
@page "/Users/{Company:string}"

Maybe that points you in the right direction.

edited Apr 14, 2020 at 13:24

answered Apr 13, 2020 at 22:55

user12228709

Sign up to request clarification or add additional context in comments.

2 Comments

Jon Over a year ago

thx.. which page might you add - the following MainLayout ? page "/Users/{Id:int}" <h1>The user Id is @Id!</h1> @code { [Parameter] public int Id { get; set; } }

user12228709 Over a year ago

Whichever page you need the parameter available on.

Collectives™ on Stack Overflow

Blazor Application - pass a Query String to the app on startup

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related