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 事件将被点击的组件从列表中移除。移除组件之后,后续的组件的位置将会向上移动一个位置。

相关内容

热门资讯

今日焦点辅助器!wpk模拟器,... 您好:wpk模拟器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
玩家必看秘籍透视挂!wpk透视... 您好,玩家必看秘籍透视挂!wpk透视辅助方法,德普之星真的确实有挂软件(果然真的是有透视挂)这款游戏...
推荐几款新版辅助!智星德州辅助... 推荐几款新版辅助!智星德州辅助译码插件靠谱吗,德扑之星辅助软件下载(一向真的有辅助)主打本地运行的 ...
专业讨论!辅助!wepoker... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
攻略讲解,德扑之星辅助作弊挂,... 攻略讲解,德扑之星辅助作弊挂,AApoker开挂破解窍要(本来真的有辅助器)AI 是一款可以让一直输...
总算明白!,wepoker透视... 总算明白!,wepoker透视辅助挂有游戏亮点,菠萝智星德州是如何开挂的窍门(先前存在有透视)AI ...
攻略讲解,wepoker辅助器... 攻略讲解,wepoker辅助器免费下载,菠萝智星德州究竟有没有挂窍要(起初真的有辅助器)是一款可以让...
分享给玩家,wepoker作弊... 您好:wepoker作弊软件是不是真的这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会...
重大通报,德州辅助nzt有用吗... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
攻略讲解,wepoker线上发... 您好:wepoker线上发牌的规律这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现...