Blazor SearcherPanel面板默认设置为收缩状态,但如果搜索面板中存在Select下拉组件时,改变列表组件中的列表项时,面板会自动收缩,影响用户体验。估计原因是BB组件在改变列表项时刷新状态了,导致恢复了默认。建议修复。
对于未修复的解决方法,见下面代码供参考。
1、修改WTSearchPanel.razor.cs
private string BodyClassName { get; set; } //修改默认值为字符串
//增加初始化代码
protected override void OnInitialized()
{
BodyClassName = CssBuilder.Default("card-body").AddClass((bool)Collapsed?" collapse":"").AddClass($"text-{Color.ToDescriptionString()}", Color != Color.None).Build();
base.OnInitialized();
}
修改事件代码
private void Toggle(MouseEventArgs args)
{
if(Collapsed == null)
{
Collapsed = false;
}
if ((bool)Collapsed)
{
// Show= CssBuilder.Default("collapse").Build();
BodyClassName += " collapse";
Collapsed = !Collapsed;
}
else
{
BodyClassName = BodyClassName.Replace("collapse", "");
Collapsed = !Collapsed;
}
}
2、修改WTSearchPanel.razor
删除掉"@BodyClassname"后面的判断语句。
修复方法供参考