You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Xamarin.Forms如何将CollectionView中的项数据传递到其他视图

解决方案

核心问题说明

DataTemplate 内的控件是随列表项动态生成的,每个项都会生成独立的控件实例,不属于页面根控件树,因此无法通过x:Name直接在后台调用。要获取当前点击项的绑定数据,直接读取控件的BindingContext即可。


具体实现步骤

第一步:定义全局订单存储(适合小型项目,多页面共享数据)

在App.xaml.cs中添加全局静态订单集合,所有页面均可直接访问:

public partial class App : Application
{
    // 全局存储用户选中的订单商品,类型和你当前绑定的Orders集合的项类型保持一致
    public static ObservableCollection<Order> UserOrders { get; set; } = new ObservableCollection<Order>();

    public App()
    {
        InitializeComponent();
        MainPage = new Main();
    }
}

注:请把上述代码中的Order替换为你自己定义的商品实体类名,和当前CollectionView绑定的Orders集合的项类型一致即可。

第二步:修改AddOrder方法获取当前点击项数据

修改Breakfast.xaml.cs中的点击事件代码:

async void AddOrder(object sender, EventArgs args)
{
    // 把触发事件的sender转为View类型
    var clickControl = sender as View;
    // 控件的BindingContext就是当前点击项对应的商品数据
    var currentProduct = clickControl?.BindingContext as Order;

    if (currentProduct != null)
    {
        // 把选中的商品添加到全局订单集合
        App.UserOrders.Add(currentProduct);
        await this.DisplayToastAsync("已添加到订单", 3000);

        // 如果需要点击后直接跳转到My Orders页,也可以通过构造函数传参
        // await Navigation.PushAsync(new MyOrdersPage(currentProduct));
    }
}

第三步:My Orders页面绑定数据

在My Orders页的后台代码中,直接绑定全局订单集合即可展示已添加的商品:

public partial class MyOrdersPage : ContentPage
{
    public MyOrdersPage()
    {
        InitializeComponent();
        // 给My Orders页的列表控件绑定全局订单集合
        MyOrdersListView.ItemsSource = App.UserOrders;
    }
}

可选替代方案:MessagingCenter消息通知

如果你不想使用全局静态集合,可以用Xamarin原生的消息订阅发布机制实现跨页面传值:

  1. 在上述AddOrder方法中,拿到商品数据后发送消息:
MessagingCenter.Send(this, "AddNewOrder", currentProduct);
  1. 在My Orders页的构造函数中订阅消息,接收新增的商品数据:
public MyOrdersPage()
{
    InitializeComponent();
    // 订阅新增订单消息
    MessagingCenter.Subscribe<Breakfast, Order>(this, "AddNewOrder", (sender, newProduct) => 
    {
        // 把新商品添加到当前页的订单集合
        LocalOrders.Add(newProduct);
    });
}

// 页面销毁时取消订阅,避免内存泄漏
protected override void OnDisappearing()
{
    base.OnDisappearing();
    MessagingCenter.Unsubscribe<Breakfast, Order>(this, "AddNewOrder");
}

内容的提问来源于stack exchange,提问作者Mehmet Ozen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.24 06:06:03