Пример. Обработка событий Blazor

Начальный заголовок.


Исходный код
-------------------------Pages\Events\EventHandlerExample1.razor................
            @page "/event-handler-example-1"

<h1>@currentHeading</h1>

<p>
    <label>
         Введите новый заголовок.
        <input @bind="newHeading" />
    </label>
    <button @onclick="UpdateHeading">
        Обновить Заголовок.
    </button>
</p>

<p>
    <label>
        <input type="checkbox" @onchange="CheckChanged" />
        @checkedMessage
    </label>
</p>

@code {
    private string currentHeading = "Начальный заголовок.";
    private string newHeading;
    private string checkedMessage = "Еще не изменилось";

    private void UpdateHeading()
    {
        currentHeading = $"{newHeading}!!!";
    }

    private void CheckChanged()
    {
        checkedMessage = $"Последнее изменение в  {DateTime.Now}";
    }
}

        

Перейти в дополнительный пример: Присоединение кода C# к событиям модели DOM с помощью обработчиков событий Blazor

An error has occurred. This application may no longer respond until reloaded. Reload 🗙
Web hosting by Somee.com