如何将数据从MainWindow传递到MainWindow内部的用户控制？

Question

我进行了研究，人们倾向于使用ViewModel来实现这一目标，但我有点陷入困境。

我有一个

public observableCollection＆lt; order＆gt;订购列表{get;放; } =新的ObservableCollection＆lt; order＆gt;（）;

在mainWindow中，该已经填充了数据。

在MainWindow XAML中，我在TabControl内有一个用户控件：

<TabControl x:Name="TabCollection">
        <TabItem Header="UC1">
            <local:UserControl1/>
        </TabItem>
        <TabItem Header="UC2">
            <local:UserControl2/>
        </TabItem>
    </TabControl>

我们仅在此处讨论UC1，因此在UC1 XAML中，我有一个listView insire：

    <UserControl.DataContext>
    <local:UserControl1VM/>
</UserControl.DataContext>

<ListView x:Name="ListViewText">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="First name" DisplayMemberBinding="{Binding Firstname}"/>
            <GridViewColumn Header="Last Name" DisplayMemberBinding="{Binding Lastname}"/>
            <GridViewColumn Header="Order" DisplayMemberBinding="{Binding Ordername}"/>
            <GridViewColumn Header="Delivery time" DisplayMemberBinding="{Binding Deliverytime}"/>
            <GridViewColumn Header="Phone Number" DisplayMemberBinding="{Binding Phone}"/>
            <GridViewColumn Header="Address" DisplayMemberBinding="{Binding Address}"/>
            <GridViewColumn Header="Email" DisplayMemberBinding="{Binding Email}"/>
        </GridView>
    </ListView.View>
</ListView>

这是USERCORERCONTROL1VM中的代码。 CS：

namespace QuickShop
{
class UserControl1VM : INotifyPropertyChanged
{
    private ObservableCollection<Order> orderList;
    public ObservableCollection<Order> OrderList
    {
        get { return orderList; }
        set
        {
            orderList = value;
            PropertyChanged(this, new PropertyChangedEventArgs("OrderList"));
        }
    }

    //
    private void FindDeliveryOrders(IEnumerable<Order> sortList)
    {
        foreach (var order in sortList)
        {
            if (order.Delivery.Equals("Yes"))
            {
                //deliveryOrders.Add(order);
                this.ListViewText.Items.Add(new Order { Firstname = order.Firstname, Lastname = order.Lastname, Ordername = order.Ordername, Deliverytime = order.Deliverytime, Phone = order.Phone, Address = order.Address, Email = order.Email });
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
}
}

当然，这些是不完整的代码，因为我不知道下一步如何进行。

我的目标只是填充listView，如果orderList更改，它将自动更新自身。但是现在，我什至不知道ViewModel是否有效，任何想法和代码演示都会非常感谢。

Answer 1

USERCONTROL绝不能具有“私有”视图模型，因为您将其分配给USERCONTROL的XAML中的DataContext。取而代之的是，它应该公开可以绑定到外部提供的视图模型对象的属性的依赖性属性。

声明itemssource诸如此类的属性：

public partial class UserControl1 : UserControl
{
    public static readonly DependencyProperty ItemsSourceProperty =
        DependencyProperty.Register(
            nameof(ItemsSource), typeof(IEnumerable), typeof(UserControl1));

    public IEnumerable ItemsSource
    {
        get { return (IEnumerable)GetValue(ItemsSourceProperty); }
        set { SetValue(ItemsSourceProperty, value); }
    }

    public UserControl1()
    {
        InitializeComponent();
    }
}

并以这样的方式绑定listView：

<UserControl ...>
    ...
    <ListView ItemsSource="{Binding ItemsSource,
                            RelativeSource={RelativeSource AncestorType=UserControl}}">
        ...
    </ListView>
    ...
</UserControl>

当您使用usercontrol时，将属性绑定到视图模型属性：

<TabItem Header="UC1">
    <local:UserControl1 ItemsSource="{Binding OrderList}"/>
</TabItem>

最后一个XAML代码段假设usercontrol的dataContext中的对象具有OrderList属性。当TabControl绑定到具有该属性的视图模型对象集合时，这将自动发生。

---

或者，，让USERCONTROL XAML中的元素直接与继承的DataContext中对象的属性结合。

<UserControl ...>
    ...
    <ListView ItemsSource="{Binding OrderList}">
        ...
    </ListView>
    ...
</UserControl>

您的控件不必公开其他可绑定的属性，但它仅适用于实际提供预期源属性的DataContext对象。