Blazor在组件之间传递List<T>
创始人
2024-12-22 06:00:02
0

在Blazor中,可以通过使用参数和事件来在组件之间传递List。下面是一个示例:

首先,创建一个名为“DataList”的组件,该组件接受一个List作为参数,并将其呈现为一个列表:

@typeparam T

    @foreach (var item in Items) {
  • @item.ToString()
  • }
@code { [Parameter] public List Items { get; set; } }

然后,在父组件中使用DataList组件,并通过参数将List传递给它:

@page "/parent"

Parent Component

@code { List myList = new List { "Item 1", "Item 2", "Item 3" }; }

现在,DataList组件将在父组件中显示传递的List

如果要在子组件中修改List并将更改传递回父组件,可以使用事件。以下是一个示例:

首先,在DataList组件中添加一个事件,当列表项被点击时触发:

@typeparam T

    @foreach (var item in Items) {
  • @item.ToString()
  • }
@code { [Parameter] public List Items { get; set; } [Parameter] public EventCallback ItemClick { get; set; } private async Task OnItemClick(T item) { await ItemClick.InvokeAsync(item); } }

然后,在父组件中处理ItemClicked事件,并在事件处理程序中更新List

@page "/parent"

Parent Component

@code { List myList = new List { "Item 1", "Item 2", "Item 3" }; private void OnItemClick(string item) { myList.Remove(item); } }

现在,当在DataList组件中点击列表项时,它将从父组件的List中移除。

相关内容

热门资讯

佛手在线大菠萝为什么都输!hh... 佛手在线大菠萝为什么都输!hhpoker开挂教程(透视)方法-真是辅助真的是有挂1)佛手在线大菠萝为...
透视详情!约局吧如何查看是否有... 透视详情!约局吧如何查看是否有挂(透视)哈糖大菠萝怎么开挂,教程总结(有挂规律)-哔哩哔哩一、约局吧...
约局吧德州透视!wepoker... 约局吧德州透视!wepoker辅助透视软件(透视)教程-一直辅助存在有挂1、下载好wepoker辅助...
透视必备!hhpoker有后台... 透视必备!hhpoker有后台操作吗(透视)红龙poker辅助工具,教程法门(有挂秘笈)-哔哩哔哩1...
wpk模拟器是什么!wepok... wpk模拟器是什么!wepoker-h5下载(透视)脚本-切实有挂存在有挂1、用户打开应用后不用登录...
透视透视!werplan辅助软... 透视透视!werplan辅助软件(透视)wpk透视辅助,教程总结(有挂方法)-哔哩哔哩1、该软件可以...
wpk俱乐部辅助器!epoke... wpk俱乐部辅助器!epoker底牌透视(透视)app-一贯揭幕真的是有挂所有人都在同一条线上,像星...
透视科普!pokemmo手机版... 透视科普!pokemmo手机版脚本(透视)wepoker私人局透视插件,教程指南书(有挂技巧)-哔哩...
智星德州插件怎么下载!hhpo... 智星德州插件怎么下载!hhpoker德州真的假的(透视)app-本来分享是真的挂1、操作简单,无需智...
透视专业!wepokerplu... 透视专业!wepokerplus辅助(透视)wpk透视是真的吗,教程教材(有挂攻略)-哔哩哔哩1、每...