WTM Blazor 下MultiSelect onblur失效问题

发布时间 2024-01-09 12:14:14作者: 汜水渟

最开始使用的blazorBootstrap 第一种写法

  <MultiSelect @bind-Value="@SearchModel.Location" TValue="string" Items="locations" />

但是发现一个问题,如果直接点击空白可以隐藏下拉框,但是选择内容后点击空白无响应,需要再次点击多选框中的文本框才会重新生效。

 

参考文档后更改为第二种写法

 <MultiSelect OnSelectedItemsChanged="@PanelBlurred" Value="@SearchModel.Office" Items="offices" />

private Task PanelBlurred(IEnumerable<SelectedItem> items)
{
SearchModel.Office = string.Join(",", items.Select(s => s.Value));
return Task.CompletedTask;
}

完美兼容,之后遇到的其他问题也会在这里记录。