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!wpk安卓下载辅助... 透视app!wpk安卓下载辅助,三哥玩摆头注可以控制,线上教程(有挂详情)1、透视app!wpk安卓...
透视系统!德普之星辅助器,传送... 透视系统!德普之星辅助器,传送屋辅助k,普及教程(有挂攻略);1、打开软件启动之后找到中间准星的标志...
透视辅助!wejoker手机版... 透视辅助!wejoker手机版透视脚本,新518互游辅助,教你攻略(有挂脚本)1、透视辅助!wejo...
透视苹果版!wepoker透视... 透视苹果版!wepoker透视底牌,福建十三水辅助,新2025教程(有挂介绍)1、游戏颠覆性的策略玩...
透视教程!wepoker底牌透... 透视教程!wepoker底牌透视脚本,卡农辅助,详细教程(有挂解密)运卡农辅助辅助工具,进入游戏界面...
透视规律!hhpoker德州透... 透视规律!hhpoker德州透视,泉州相约十三水辅助,黑科技教程(有挂细节);1、超多福利:超高返利...
透视有挂!wepoker俱乐部... 透视有挂!wepoker俱乐部辅助器,科乐游戏辅助脚本,揭秘攻略(有挂介绍);1、用户打开应用后不用...
透视科技!hhpoker脚本,... 透视科技!hhpoker脚本,老友广东辅助工具下载,透明挂教程(有挂介绍)透视科技!hhpoker脚...
透视好友!德州之星扫描器,传送... 透视好友!德州之星扫描器,传送屋辅助器,解说技巧(有挂技巧)运传送屋辅助器辅助工具,进入游戏界面。进...
透视脚本!wepoker好友局... 透视脚本!wepoker好友局透视,金手指辅助工具,德州论坛(有挂解密);1、任何金手指辅助工具ai...