Navigating pages in Blazor

Question

SO i want to navigate from one page to another. From a list of products to a edit product view. On my list page i have a link as follows.

<NavLink class="nav-link">
                        <span class="oi oi-list-rich" aria-hidden="true" id="@product.Id" @onclick="@(() => Navigate(product.Id))" style="cursor: pointer"></span> Edit @*FIX ME should link to edit product. Obviously...*@
</NavLink>

And the code is to navigate is:

    void Navigate(long productId)
    {
        NavManager.NavigateTo("/editproduct/" + productId);
    }

and i want to get to a page: @page "/editproduct/{id}"

In my opinion my code should work. Yet im getting a: Uncaught Error: System.ArgumentException: There is no event handler associated with this event.

when i click on my link. Any ideas how to fix this ?

Nathan Gallete · Accepted Answer · 2021-07-12 13:17:56Z

2

I don't believe that the problem is the navigation itself. Try the navigation from two other pages (create page1 and page2) and give it a try. If it works properly, the problem is elsewhere in your code.

I would give this response as a comment, but like Caveman, I don't have enough reputation.

answered Jul 12, 2021 at 13:17

Nathan Gallete

1505 bronze badges

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

1 Comment

Mr.Gomer Over a year ago

You were right the navigation worked fine the problem was else where. i upvoted your comment and ill accept it to give u some rep. Thx

MrC aka Shaun Curtis · Accepted Answer · 2021-07-12 15:52:37Z

1

Take a look at a NavLink in NavMenu.razor

<NavLink class="nav-link" href="counter">
     <span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink>

Note the href pointing to where you want to navigate to.

<NavLink class="nav-link" href="@($"editproduct/{product.Id}")">

edited Jul 12, 2021 at 15:52

answered Jul 12, 2021 at 15:46

MrC aka Shaun Curtis

32.4k3 gold badges27 silver badges56 bronze badges

Collectives™ on Stack Overflow

Navigating pages in Blazor

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related