To Do List

 

자동으로 포커스를 돌아가게 만드는 방법이랑..

엔터를 눌러서 Submit 시킬 방법을 모색중이다

@page "/todo"
@using HelloBlazor.Shared


<h3>todo (@todos.Count(todo => !todo.IsDone)) 개</h3>
<ul>
    @foreach (var todo in todos)
    {
        <li>
            <input type="checkbox" @bind="todo.IsDone" />
            <input @bind="todo.Title" />
        </li>
    }
</ul>


<input placeholder="Something todo" @bind="newTodo" id="newTodoEdit" asp-for="name" autofocus />
<button @onclick="AddTodo">Add todo</button>

@code {
    private IList<TodoItem> todos = new List<TodoItem>();

    private string newTodo;
    private void AddTodo()
    {
        // Todo: Add the todo
        if (!string.IsNullOrWhiteSpace(newTodo))
        {
            todos.Add(new TodoItem { Title = newTodo });
            newTodo = string.Empty;
            

        }
    }

}

 

참조

docs.microsoft.com/en-us/aspnet/core/tutorials/build-a-blazor-app?view=aspnetcore-3.1

Build a Blazor todo list app