C#/Blazor

[Blazor] Button Click Event 로 Method 호출하기

kjun.kr 2022. 10. 4. 19:40
728x90

@code 를 선언하고 {} 중괄호 안에 필드와 메서드 선언을 합니다.

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Button 의 onclick 이벤트에 메서드명을 넣게되면 호출이 되며
code 안에 선언된 cruuenrCount 필드는 @ 로 접근하여 사용합니다.

<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>

실행하면 Button 클릭 시 버튼의 내용에 카운트가 표시됩니다. 

전체코드
Counter.razor

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

[Source]
https://github.com/kei-soft/Blazor.AppTest

728x90