Blazor,在循环组件中选择一个项目并取消选择其他项目
创始人
2024-12-22 11:30:11
0
  1. 在每个循环组件内部添加一个bool型属性IsSelected来标记是否被选中。

  2. 在循环组件上绑定一个点击事件,当点击时将该组件的IsSelected变为true,并调用父组件Blazor的方法来通知父组件有一个组件被选中。

  3. 在Blazor组件中,定义一个SelectedComponent属性来存储当前被选中的组件。

  4. 当有组件被选中时,遍历所有组件,将非选中状态的组件的IsSelected属性设为false。

代码示例:

在循环组件中:

@code { [Parameter] public EventCallback OnSelect { get; set; } public bool IsSelected { get; set; } private async Task HandleSelect() { IsSelected = true; await OnSelect.InvokeAsync(this); } }

在Blazor组件中:

@foreach(var component in Components)
{
    
}

@code {
    private Component SelectedComponent { get; set; }

    private void OnComponentSelect(Component component)
    {
        SelectedComponent = component;
        foreach(var c in Components)
        {
            c.IsSelected = (c == SelectedComponent);
        }
    }
}

相关内容

热门资讯

今日科普!潮友汇app辅助,开... 今日科普!潮友汇app辅助,开心斗一番破解版,详细教程(有挂方针);无需打开直接搜索加薇136704...
一分钟揭秘!一起宁德福鼎打炸辅... 一分钟揭秘!一起宁德福鼎打炸辅助,冰球突破豪华版辅助,科技教程(发现有挂)1、下载安装好一起宁德福鼎...
盘点一款!闽游app辅助器,桂... 盘点一款!闽游app辅助器,桂林字牌辅助科技,2024版教程(有挂总结);无需打开直接搜索加薇136...
发现一款!都莱大菠萝怎么设置,... 发现一款!都莱大菠萝怎么设置,卡农辅助,AI教程(有挂存在)1、下载安装好都莱大菠萝怎么设置,进入游...
大神推荐!广东雀神破解器,川娱... 大神推荐!广东雀神破解器,川娱竞技血战辅助,详细教程!(有挂教程);无需打开直接搜索加薇136704...
热点推荐!gif助手破解版,混... 您好:gif助手破解版这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
2024教程!上品斗地主游戏辅... 2024教程!上品斗地主游戏辅助,南丰数刀脚本,wepoke教程(有挂技巧);无需打开直接搜索加薇1...
一起来探讨!白银胡乐辅助最简单... 一起来探讨!白银胡乐辅助最简单三个步骤,丽水都莱有辅助吗,wepoke教程(有挂总结)1、下载安装好...
揭秘一下!白金岛手游辅助本平台... 揭秘一下!白金岛手游辅助本平台,竹间茶馆辅助码,微扑克教程(有挂方针)1、下载安装好白金岛手游辅助本...
重大科普!白金岛跑胡子脚本,小... 重大科普!白金岛跑胡子脚本,小闲辅助神器,科技教程(有挂教学);无需打开直接搜索加薇13670430...