如何将数据从子页面传递到调用@Body的页面?

时间:2019-02-15 20:47:26

标签: asp.net razor blazor blazor-server-side

所以我有一个带有标题栏的MainLayout,并且我想要一个参数,该参数允许页面将标题栏设置为所需的任何内容。所以mainlayout通过@Body调用页面,我很困惑如何将数据通过正文传递到mainlayout以更新标题栏。

任何帮助将不胜感激!

<div class="sidebar">
<NavMenu />
</div>
<div class="main">
<div class="top-row px-4">
    <h3 bind="@TitleValue">@(TitleValue)</h3>
    <a class="ml-md-auto">@ADService.LoggedUser().DisplayName (@*@(ADService.LoggedUser().IsMemberOf())*@Admin)</a>
</div>
<CascadingValue Value="@TitleValue" Name="TitleValue">
    <div class="content px-4">
        @Body
    </div>
</CascadingValue>
</div>

<Footer />

@functions {
    string TitleValue = "Inventory";
}

所以我要做的是向下传递TitleValue,让页面根据发生的情况对其进行更新,并使用新值来更新标题栏。

如果这不是解决问题的方法,或者我错过了某些东西,那么任何帮助都将非常有用:)

1 个答案:

答案 0 :(得分:0)

我想以下不是我的可以帮助您:

  

创建一个保存数据的类。注册为单身   服务。将其注入布局和页面。您可能应该添加   通知机制,通知您所有组件   已在您的数据类中更改。

You can look here...

Source and more...