Как я могу получить доступ к родительскому Компоненту на стороне сервера Blazor?

Question

Я использую серверную часть Blazor.

Вот дочерний компонент с именем Child:

<div class="Child">
    <img @OnClick="ShowFullImage" src="/img/aaa.jpg"/>
</div>
@code{
   private void ShowFullImage(){}
}

А вот родительский компонент:

<Child></Child>
<img id="FullImage"/>

Дочерний компонент собирается отобразить миниатюру. Когда пользователь щелкает по миниатюре (только img в дочернем компоненте), полное изображение будет отображаться в img родительского компонента с именем FullImage.

Теперь вопрос заключается в том, что я могу добавитьonlick функция в дочернем компоненте, я пока не знаю, как получить доступ к его родительскому компоненту.

Answer 1

Я думаю, что вы ищете EventCallback

// Child
<div class="Child">
    <img @onclick="ShowFullImage" src="/img/aaa.jpg"/>
</div>

@code{
   [Parameter]
   public EventCallback ShowFullImage { get; set; }
}

// Parent
<Child ShowFullImage="@ShowFullImage" />

@code{
    public void ShowFullImage()
    {
        // do what you want
    }
}