Access Method in a Layout component

Question

I have a method with 3 parameters in the layout. How can I call the function in the load event of a page which is using the layout.

@inherits LayoutComponentBase
<div class="sidebar">
    <NavMenu />
</div>
<div class="main">
    <div class="top-row px-4">
        <a href="https://learn.microsoft.com/aspnet/" target="_blank">About</a>
    </div>

    <div class="content px-4">
        @Body
    </div>
</div>
@code {

    private string x;
    public void Test (string a , string b, string c)
    {
        x = a + b + c;
    }
}

Refactor your code by extracting you method in a service you share between page — agua from mars
– agua from mars, Commented Jun 23, 2020 at 7:57

Brian Parker · Accepted Answer · 2020-07-11 23:15:52Z

2

<CascadingValue Value="this" Name="MainLayout">
    @Body
</ CascadingValue>

then in your component

@code {
    [CascadingParameter(Name = "MainLayout")]
    public MainLayout MainLayout { get; set; }

    void Test (string a , string b, string c) => MainLayout.Test(a, b, c);
}

Here is an example component where I am doing something similar.

edited Jul 11, 2020 at 23:15

answered Jul 11, 2020 at 23:00

Brian Parker

15k3 gold badges41 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Access Method in a Layout component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related