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透明!德扑ai智... aapoker透明!德扑ai智能机器人代理,德州辅助软件线上,专业教程(竟然真的有挂)准备好在德扑a...
德扑之星作弊事件!德扑ai代打... 1、德扑之星作弊事件!德扑ai代打,德扑之星软件透明有人买,必备教程(有挂神器);详细教程。2、德扑...
wepoke一定有挂!wpk德... wepoke一定有挂!wpk德州ai辅助器,wpk俱乐部有外挂吗,黑科技教程(其实真的有挂);实战中...
aapoker辅助使用教程!a... aapoker辅助使用教程!aapoker辅助工具存在吗,aapoker下载教程,新2025版(有挂...
wpk透视辅助可测试真的假的!... wpk透视辅助可测试真的假的!wpk德州辅助,德州微扑克外挂是真的吗,规律教程(本然真的是有挂);支...
wpk透视辅助测试!wpk的发... wpk透视辅助测试!wpk的发牌有规律吗,wpk如何才能稳定长期收益,第三方教程(有挂教程)是一款可...
wpk辅助!pokerx智能软... 1、wpk辅助!pokerx智能软件,德扑之星app发牌规律,必赢方法(固有真的是有挂)2、进入游戏...
德州之星app辅助器!德州辅助... 德州之星app辅助器!德州辅助软件线上,德州可能有外挂吗,透明挂教程(有挂攻略)关于德州之星app辅...
aapoker辅助工具!德扑之... 您好,aapoker辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
微扑克智能ai辅助!微扑克系统... 微扑克智能ai辅助!微扑克系统机制,微扑克透明挂,切实教程(有挂技巧)准备好在微扑克智能ai辅助 i...