กดปุ่ม Enter แล้วค้นหา หรือเข้าสู่ระบบ


อารมณ์ประมาณกำลังกรอกรหัสผ่านอยู่เสร็จแล้วกด Enter แล้วมันก็กดปุ่ม Login ให้เลยแบบนี้ หรือตอนค้นหา กด Enter มันก็ทำงานเลยอ่ะ

<RadzenTextBox @bind-Value="@searchKeyword" @oninput="@(e => searchKeyword = e.Value?.ToString() ?? string.Empty)" @onkeydown="HandleKeyDownOnSearch" />

@code {
    using Microsoft.AspNetCore.Components.Web;

    private string searchKeyword = string.Empty;

    private async Task HandleKeyDownOnSearch(KeyboardEventArgs e)
    {
        if (e.Key == "Enter")
        {
            await OnSearch();
        }
    }

    private async Task OnSearch()
    {
        await LoadData(new Radzen.LoadDataArgs()); // โหลดข้อมูลใหม่
    }
}

อ่านโค้ดเอาก็น่าจะเข้าใจเนอะ? ไม่มีอะไรยาก

oninput มีไว้เพราะว่า ตอนกำลังกรอกข้อมูลอยู่ ถ้าเราไม่ใส่ให้มันยัดค่าปัจจุบันลงไป มันจะให้ค่าเก่ามา

0 0 votes
Article Rating
เราใช้คุกกี้เพื่อให้ทุกคนได้รับประสบการณ์การใช้งานที่ดียิ่งขึ้น
0
Would love your thoughts, please comment.x
()
x