如何从子剃须刀页面获取值返回到父剃须刀页面答案

【问题标题】：How to get a value from a child razor page back to the parent razor page如何从子剃须刀页面获取值返回到父剃须刀页面
【发布时间】：2020-06-04 05:32:52
【问题描述】：

我正在努力学习 blazor。我创建了一个 Blazor 服务器应用程序。我有一个引用和子剃须刀组件的父剃须刀页面。我需要一些帮助或理解。

在父组件中，我像这样引用子组件“城市”：

<Cities selectID="selCities" CityList=@cities></Cities>

这会将 2 个参数传递给孩子。孩子的 html 看起来像这样：

<select ID="@selectID" class="form-control col-3">
    @if (@CityList != null)
    {
        @foreach(var city in CityList)
        {
            <option value="@city">@city</option>
        }
    }
</select>

这很好用，并提供了一个带有 ID 和选项的填充下拉列表框。

但是，如何从父组件引用选定的文本？

子组件将驻留在父组件的 InputForm 中。单击保存按钮时，我需要子组件中选择框的文本值。

我知道将选择保留在父级上会更简单，但我正在尝试学习构建可重用的代码。这只是一个练习。我知道有很多次我需要向父组件返回一个值。就是想不通。

非常感谢！

【问题讨论】：

标签： razor-pages asp.net-blazor

【解决方案1】：

我找到了一个研究得更彻底的答案。

看来您可以在子组件代码中创建一个回调事件来更新父组件的值。

对于其他正在搜索的人，我在这里找到了此信息：Share Data Between Child And Parent Components In Blazor

【讨论】：