Where is the "load event" in blazor?

Question

1.00/5 (1 vote)

See more:

I am new to Blazor and Razor. When my Blazor webpage starts up, I want to execute code in the "Load event" that will click the first list item (id="li_for_APage") so that the @Body will contain APage. But I can not find the "Load event". The code below is in my MainLayout.Razor. Can someone please tell me what I need to do. Thanks

HTML

<div id="divButtons">
    <ul class="nav nav-pills nav-fill">
        <li id="li_for_APage" class="nav-item">
            <NavLink class="nav-link" href="APage">
                <span></span> APage
            </NavLink>
        </li>
        <li id="li_for_BPage" class="nav-item">
            <NavLink class="nav-link" href="BPage">
                <span></span> BPage
            </NavLink>
        </li>
        <li id="li_for_CPage" class="nav-item">
            <NavLink class="nav-link" href="CPage">
                <span></span> CPage
            </NavLink>
        </li>
    </ul>
</div>

What I have tried:

I've tried calling code from index.cshtml and I've looked into the Program.cs

Posted 30-Jul-21 15:50pm

DougsSoftware

Updated 17-Oct-22 6:10am

Matthew Dennis

v2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Matthew Dennis · Answer 1 · 2021-07-31T11:02:00

Solution 3

I found the videos at Blazor Train[^] to be very useful when trying to understand Blazor. Nice bite sized chunks of focused information.

Also you might check out Chris Sainty - Building with Blazor[^]. He is literally writing the book.

Posted 31-Jul-21 11:02am

Matthew Dennis

OriginalGriff · Answer 2 · 2021-07-30T18:44:00

Solution 1

Google is your friend: Be nice and visit him often. He can answer questions a lot more quickly than posting them here...

A very quick search using your subject as the search term gave 12,000 hits: Where is the "load event" in blazor? - Google Search[^]
The top hit gives code: In Blazor how to call a function at Page Load (event name)? - Stack Overflow[^]

In future, please try to do at least basic research yourself, and not waste your time or ours.

Posted 30-Jul-21 18:44pm

OriginalGriff

Comments

[no name] 31-Jul-21 11:39am

I had already found the link that you provided. But the article did not say where to put the OnInitializedAsync override. YOU DID NOT ANSWER ANYTHING. But you did show everyone what an A$$H@|E you are!!!

OriginalGriff 31-Jul-21 11:54am

Please be careful with your language - we do not tolerate abuse here.

[no name] 31-Jul-21 12:13pm

I already turned you and your abusive reply into CodeProject

Dave Kreskowiak 31-Jul-21 18:09pm

LOL. Yeah, you have no idea who 'Griff is.

Pete O'Hanlon 6-Aug-21 6:49am

I guess I was the last report. He's outta here now.

Gregory Baughman · Answer 3 · 2022-10-17T06:10:00

Solution 5

Ironic that I googled the same thing, and came here to a link to a dude telling me to google it.

Posted 17-Oct-22 6:10am

Gregory Baughman

Comments

CHill60 17-Oct-22 12:18pm

Ironic that you have posted a solution that is not a solution

Graeme_Grant 17-Oct-22 18:26pm

5'ed if I only could! :P