Blazor SearcherPanel面板默认设置为收缩状态,但改变搜索面板中列表项时,面板自动收缩问题。

发布于 2021-08-09 10:41:45

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"后面的判断语句。

修复方法供参考

查看更多

关注者
0
被浏览
65
0 个回答
暂无答案,快来添加答案吧

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览