如何使用Caliburn.MicroMVVM从WPF中同一视图上的另一个视图模型更新列表？

Question

我是 WPF 的新手，我想使用卡利本微遵循 MVVM 框架。我卡住了从另一个视图模型中更新列表的问题。

我有3个观点:

• POSView：包含另外2个视图的两个内容控件
• ProductView：所有产品的列表
• CartView：购物车中添加的所有产品列表

单击“产品视图”中的“产品”时，产品应添加到购物车视图中

POSViewModel.cs

public class POSViewModel : Conductor<object>.Collection.AllActive
    {
        #region Private Variables
        private ProductsViewModel _ProductsViewModel;
        private CartViewModel _CartViewModel;
        #endregion

        #region Public Variables
        public ProductsViewModel ProductsViewModel
        {
            get { return _ProductsViewModel; }
            set { _ProductsViewModel = value; }
        }

        public CartViewModel CartViewModel
        {
            get { return _CartViewModel; }
            set { _CartViewModel = value; }
        }
        #endregion

        #region Public Methods
        public POSViewModel()
        {
            ProductsViewModel = new ProductsViewModel();
            CartViewModel = new CartViewModel();
        }
        #endregion
    }

产品视图模型。cs：在AddProdClick（ProductModel ProductModel）上，我想将单击的产品添加到CartView。

public class ProductsViewModel : Conductor<object>
    {
        public BindableCollection<ProductModel> Products { get; set; }
        public ProductsViewModel()
        {
            Products = new BindableCollection<ProductModel>();
            for (int i = 0; i < 25; i++)
            {
                Products.Add(new ProductModel
                {
                    ProductName = "Product" + i.ToString(),
                    Qty = i + 2,
                    Rate = i * 10
                }); ;
            }

        }

        public void AddProdClick(ProductModel productModel)
        {

        }

    }

产品视图：它是一个具有产品列表的用户控件。包含产品的按钮绑定到“视图模型”中的“添加”单击。

 <Button Content="Add To Cart" cal:Message.Attach="AddProdClick($datacontext)" />

购物车视图模型.cs

public class CartViewModel : Conductor<object>
    {
        private BindableCollection<ProductModel> _CartProducts;
        public BindableCollection<ProductModel> CartProducts
        {
            get
            {
                return _CartProducts;
            }
            set
            {
                NotifyOfPropertyChange(() => CartProducts);
                _CartProducts = value;
            }
        }

        public CartViewModel()
        {
            CartProducts = new BindableCollection<ProductModel>();
        }
    }

我希望将项目添加到购物车。

Answer 1

您可以使用CartViewModel作为参数:

    public POSViewModel()
    {   
        CartViewModel = new CartViewModel();    
        ProductsViewModel = new ProductsViewModel(CartViewModel);
    }

并在ProductsViewModel的构造函数中使用它

public class ProductsViewModel : Conductor<object>
{
    public BindableCollection<ProductModel> Products { get; set; }
    public CartViewModel CVM { get; set; }
    public ProductsViewModel(CartViewModel CVM)
    {
                    this.CVM = CVM;
    }

    public void AddProdClick(ProductModel productModel)
    {
                    CVM.Add(productModel)
    }
}

您有另一个解决方案：使用PosView模型：

 public POSViewModel()
{   
    CartViewModel = new CartViewModel();    
    ProductsViewModel = new ProductsViewModel(this);
}

public class ProductsViewModel : Conductor<object>
{
    public BindableCollection<ProductModel> Products { get; set; }
    public CartViewModel CVM { get; set; }
    public ProductsViewModel(POSViewModel PVM)
    {
                    this.CVM = PVM.CartViewModel;
    }

    public void AddProdClick(ProductModel productModel)
    {
                    CVM.Add(productModel)
    }
}

第三种解决方案是使用EventAggregator，您需要修改一些代码

请参阅EventAggregator

单击时，将执行EventAggregator。在Add方法中发布（新Addevent）

在PosviewModel中，您可以捕捉事件…

但为此，您必须修改一些代码行，但读取链接并不复杂