MVVM WPF主详细信息组合框

本文关键字:组合 详细信息 WPF MVVM | 更新日期: 2023-09-27 18:23:47

感谢我之前在Stack Overflow上得到的一些建议,我在理解MVVM方面取得了很好的进展。然而,当事情开始变得更加复杂时,我仍然在挣扎。

我有下面的视图,这是为了输入订单。它绑定到OrderScreenViewModel的DataContext。

<StackPanel>
    <ComboBox Height="25" Width="100" DisplayMemberPath="CustomerCode" SelectedItem="{Binding Path=Order.Customer}" ItemsSource="{Binding Path=Customers}"></ComboBox>
    <ComboBox Height="25" Width="100" DisplayMemberPath="ProductCode" SelectedItem="{Binding Path=CurrentLine.Product}" ItemsSource="{Binding Path=Products}"></ComboBox>
</StackPanel>

第一个组合框用于选择客户。第二个组合框用于为新的OrderLine选择ProductCode。

有些项目我无法在MVVM中实现:
1)选择"客户"后,更新"产品"组合框,使其项目源仅显示与组合框中选择的要记录的"客户ID"相同的"产品"
2)调用Load时,在Customers组合框中设置SelectedItem,以便它显示CustomerId等于OrderDto上的CustomerId的Customer
3)应用,与1)相同的过程,以便只显示/加载属于该客户的产品,并在产品组合框上设置SelectedItem,以便它指向与OrderLineD上包含的条目具有相同ProductId的条目

我不知道如何进行,甚至不知道我是否正确地承担了视图模型的责任。也许这与NotifyPropertyChanged有关?任何关于我如何实现上述目标的建议都将不胜感激。我相信,如果我做对了,它将在我的应用程序中对我有很大帮助。非常感谢亚历克斯。

 public class OrderScreenViewModel
    {
        public WMSOrderViewModel Order { get; private set; }
        public WMSOrderLineViewModel CurrentLine { get; private set; }
        public OrderScreenViewModel()
        {
            Order = new WMSOrderViewModel();
            CurrentLine = new WMSOrderLineViewModel(new OrderLineDto());
        }
        public void Load(int orderId)
        {
            var orderDto = new OrderDto { CustomerId = 1, Lines = new List<OrderLineDto> { new OrderLineDto{ProductId = 1 }} };
            Order = new WMSOrderViewModel(orderDto);
        }
        public List<CustomerDto> Customers
        {
            get{
                return new List<CustomerDto> { 
                        new CustomerDto{CustomerId=1,CustomerCode="Apple"},
                        new CustomerDto{CustomerId=1,CustomerCode="Microsoft"},
                };
            }
        }
        public List<ProductDto> Products
        {
            get
            {
                return new List<ProductDto> { 
                    new ProductDto{CustomerId=1,ProductId=1,ProductCode="P100",Description="Pepsi"},
                    new ProductDto{CustomerId=1,ProductId=2,ProductCode="P110",Description="Coke"},
                    new ProductDto{CustomerId=2,ProductId=3,ProductCode="P120",Description="Fanta"},
                    new ProductDto{CustomerId=2,ProductId=4,ProductCode="P130",Description="Sprite"}
                };
            }
        }
    public class WMSOrderLineViewModel
    {
        private ProductDto _product;
        private OrderLineDto _orderLineDto;
        public WMSOrderLineViewModel(OrderLineDto orderLineDto)
        {
            _orderLineDto = orderLineDto;
        }
        public ProductDto Product { get { return _product; } 
            set{_product = value; RaisePropertyChanged("Product"); }
    }
    public class WMSOrderViewModel
    {
        private ObservableCollection<WMSOrderLineViewModel> _lines;
        private OrderDto _orderDto;
        public ObservableCollection<WMSOrderLineViewModel> Lines { get { return _lines; } }
        private CustomerDto _customer;
        public CustomerDto Customer { get{return _customer;} set{_customer =value; RaisePropertyChanged("Customer") }
        public WMSOrderViewModel(OrderDto orderDto)
        {
            _orderDto = orderDto;
            _lines = new ObservableCollection<WMSOrderLineViewModel>();
            foreach(var lineDto in orderDto.Lines)
            {
                _lines.Add(new WMSOrderLineViewModel(lineDto));
            }
        }
        public WMSOrderViewModel()
        {
            _lines = new ObservableCollection<WMSOrderLineViewModel>();
        }
    }

MVVM WPF主详细信息组合框

您需要使Products和Customers类型为ObservableCollection。

当您在视图模型中更改这些可观测集合时,它们将更新视图,因为OC已经实现了INotifyPropertyChanged。

Order和CurrentLine应该只是一种类型,而不是真正的ViewModel。

1) 当在选择Customer组合框的SelectedItem上调用setter时,必须执行此操作。

2) 您可能需要在OrderScreenViewModel的ctr中使用您的逻辑来确定要更改CurrentLine.Customer的Customer。如果在ctr中执行此操作,则会在绑定发生之前设置值。

3) 同样,只要您对组合框绑定到的ObservableCollection进行更改,它就会更新UI。如果更改SelectedItem的绑定内容,请确保调用RaisedPropertyChanged事件。

ETA:将xaml更改为此,为SelectedItem属性绑定到SelectedProduct和SelectedCustomer

<StackPanel>
    <ComboBox Height="25" Width="100" DisplayMemberPath="CustomerCode" SelectedItem="{Binding Path=SelectedCustomer}" ItemsSource="{Binding Path=Customers}"></ComboBox>
    <ComboBox Height="25" Width="100" DisplayMemberPath="ProductCode" SelectedItem="{Binding Path=SelectedProduct}" ItemsSource="{Binding Path=Products}"></ComboBox>
</StackPanel>

这应该会让你朝着正确的方向开始,根据客户id构建客户和产品的所有逻辑都需要在你的存储库中发生。

   public class OrderScreenViewModel : INotifyPropertyChanged
   {
      private readonly IProductRepository _productRepository;
      private readonly ICustomerRepository _customerRepository;
      public OrderScreenViewModel(IProductRepository productRepository,
         ICustomerRepository customerRepository)
      {
         _productRepository = productRepository;
         _customerRepository = customerRepository;
         BuildCustomersCollection();
      }
      private void BuildCustomersCollection()
      {
         var customers = _customerRepository.GetAll();
         foreach (var customer in customers)
            _customers.Add(customer);
      }
      private ObservableCollection<Customer> _customers = new ObservableCollection<Customer>();
      public ObservableCollection<Customer> Customers
      {
         get { return _customers; }
         private set { _customers = value; }
      }
      private ObservableCollection<Product> _products = new ObservableCollection<Product>();
      public ObservableCollection<Product> Products
      {
         get { return _products; }
         private set { _products = value; }
      }
      private Customer _selectedCustomer;
      public Customer SelectedCustomer
      {
         get { return _selectedCustomer; }
         set
         {
            _selectedCustomer = value;
            PropertyChanged(this, new PropertyChangedEventArgs("SelectedCustomer"));
            BuildProductsCollectionByCustomer();
         }
      }
      private Product _selectedProduct;
      public Product SelectedProduct
      {
         get { return _selectedProduct; }
         set
         {
            _selectedProduct = value;
            PropertyChanged(this, new PropertyChangedEventArgs("SelectedProduct"));
            DoSomethingWhenSelectedPropertyIsSet();
         }
      }
      private void DoSomethingWhenSelectedPropertyIsSet()
      {
         // elided
      }
      private void BuildProductsCollectionByCustomer()
      {
         var productsForCustomer = _productRepository.GetById(_selectedCustomer.Id);
         foreach (var product in Products)
         {
            _products.Add(product);
         }
      }
      public event PropertyChangedEventHandler PropertyChanged = delegate { };
   }
   public interface ICustomerRepository : IRepository<Customer>
   {
   }
   public class Customer
   {
      public int Id { get; set; }
   }
   public interface IProductRepository : IRepository<Product>
   {
   }
   public class Product
   {
   }

以下是标准的IRepository,它被称为RepositoryPattern:

   public interface IRepository<T>
   {
      IEnumerable<T> GetAll();
      T GetById(int id);
      void Save(T saveThis);
      void Delete(T deleteThis);
   }