Bootstrap Blazor UI 库小技巧 (持续更新)

1. 文本处理键盘按键

<Bootstrap Blazorclass="table-toolbar-search" placeholder="@SearchPlaceholderText" @onkeyup="OnSearchKeyUp" @bind-Value="@SearchText">
</BootstrapInput>

@code{
    private async Task OnSearchKeyUp(KeyboardEventArgs args)
    {
        if (args.Key == "Enter")
        {
            await SearchClick();
        }
        else if (args.Key == "Escape")
        {
            await ClearSearchClick();
        }
    }
}

2. 文本框逐字搜索

UseInputEvent: 是否在文本框输入值时触发 bind-value:event=“oninput” 默认 false

<BootstrapInput @bind-Value="value" ShowLabel="true" UseInputEvent="true" />

@value

@code{
    [DisplayName("条码文字")]
    private string? value { get; set; } = "12345";

}

3. Ajaxs 请求处理参数大小写

    private async Task ProcessResponse(string userName, string password)
    {
        var option = new AjaxOption()
        {