Blazor组件列表中,当组件从列表中移除时,如何将其它组件的位置向上移动?
创始人
2024-12-22 09:30:28
0

可以使用 Blazor 自带的 eventcallback 来实现当组件被移除时向上传递事件。在父组件中处理此事件,将会移除的组件后续的组件向上移动一个位置。

以下是一个示例代码:

// 子组件
@code { [Parameter] public EventCallback OnRemove { get; set; } private async Task RemoveComponent() { await OnRemove.InvokeAsync(); } } // 父组件

组件列表

@for(int i = 0; i < components.Count; i++) { var component = components[i];
@(i + 1)
}
@code { private List components = new List(); protected override void OnParametersSet() { components.Add(new MyComponent()); components.Add(new MyComponent()); components.Add(new MyComponent()); } }

在上述示例代码中,MyComponent 组件被添加到了 components 列表中,点击 “删除此组件” 按钮时,会触发 OnRemove 事件将被点击的组件从列表中移除。移除组件之后,后续的组件的位置将会向上移动一个位置。

相关内容

热门资讯

透视脚本!aapoker真的假... 透视脚本!aapoker真的假的(透视)详细透视方法辅助app(有挂介绍);1、操作简单,无需注册,...
十分钟辅助挂!德普之星透视辅助... 十分钟辅助挂!德普之星透视辅助软件激活码,德普之星透视免费,技巧教程(有挂辅助)1、玩家可以在德普之...
9分钟辅助挂!德普辅助器辅助器... 9分钟辅助挂!德普辅助器辅助器怎么用,德普之星透视辅助软件激活码,揭秘教程(有挂解说)1、德普之星透...
透视脚本!aapoker脚本怎... 透视脚本!aapoker脚本怎么用(透视)详细可以提高中牌率辅助器(有挂软件);1、很好的工具软件,...
透视脚本!aapoker插件下... 透视脚本!aapoker插件下载(透视)详细辅助工具安全辅助插件(有挂方法);1、任何aapoker...
2分钟辅助挂!德普之星辅助器,... 2分钟辅助挂!德普之星辅助器,德普之星私人局透视,新2025教程(有挂攻略);1)德普之星私人局透视...
透视脚本!aapoker如何设... 透视脚本!aapoker如何设置胜率(透视)详细透视插件辅助app(有挂详情)1、上手简单,内置详细...
七分钟辅助挂!德普软件,德普之... 七分钟辅助挂!德普软件,德普之星透视辅助软件下载,攻略教程(有挂脚本)所有人都在同一条线上,像星星一...
八分钟辅助挂!如何下载德普之星... 八分钟辅助挂!如何下载德普之星辅助软件,德扑圈有透视吗,教你教程(有挂揭秘);1、完成如何下载德普之...
七分钟脚本!aa poker透... 七分钟脚本!aa poker透视软件,aapoker辅助软件合法吗,AI教程(有挂详情)进入游戏-大...