ObservabaleCollection 添加/删除不会更新 xaml 端的 ItemsControl

如何解决ObservabaleCollection 添加/删除不会更新 xaml 端的 ItemsControl

假设我有一个数据类：

class MyData
{
    public string FirstName {get;set;}
    public string LastName {get;set;}
}

然后在我的视图模型中我有

class Myviewmodel : ModelBase // assume this has all the work behind for prop notification changes
{
    private ObservableCollection<MyData> addedData = new ObservableCollection<MyData>();

    public ObservableCollection<MyData> AddedData
    {
        get
        {
            return this.addedData;
        }

        set
        {
            this.addedData = value;
            this.RaisePropertyChangedEvent();
        }
    }

    public void AddDataRequestHandler()
    {
        this.AddedData.Add(new MyData() {some firstname and lastname}); //prototyping
    }
}

在 xaml 方面，我有这样的东西

<Grid
    <Grid.RowDeFinitions>
        <RowDeFinition Height="Auto" />
        <RowDeFinition Height="Auto" />
    </Grid.RowDeFinitions>

    <Button Grid.Row="0" Content="Add" Command="{Binding Path=AddDataCommand}" />

    <ItemsControl Grid.Row="1" ItemsSource="{Binding Path=AddedData}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <ItemsControl ItemsSource="{Binding}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{Binding Path=FirstName}" />
                                <TextBlock Text=" - " />
                                <TextBlock Text="{Binding Path=LastName}" />
                            </StackPanel>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

并假设我的添加按钮命令请求处理程序正确绑定到视图模型中的处理程序（我可以通过它进行调试）。

但是，当我单击“添加”按钮并且我可以调试并看到可观察集合属性 AddData 将 MyData 类型的项目添加到其中时，ItemsControl 仍然没有显示我添加到堆栈面板的任何项目。我在这里做错了什么？

解决方法

我的错，我没有注意到我在 xaml 方面有过度的嵌套。所以 ItemsControl 应该简单得多，如下所示，它可以正常工作：

<Grid
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Button Grid.Row="0" Content="Add" Command="{Binding Path=AddDataCommand}" />

    <ItemsControl Grid.Row="1" ItemsSource="{Binding Path=AddedData}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding Path=FirstName}" />
                    <TextBlock Text=" - " />
                    <TextBlock Text="{Binding Path=LastName}" />
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>