c# - 如何从其视图模型中关闭用户控件

Question

我创造了UserControl这样的：

MyUserCtrl myctrl = new MyUserCtrl() { DataContext = new MyViewModel()};
ControlCollection.Add(myctrl);

我用它把它输出ItemsControl ItemsSource="{Binding ControlCollection}"到视图。

它干净漂亮，但问题是我不知道如何关闭UserControls我打开的那些。

如果我只是将它删除到集合中怎么办。因此视图模型也会关闭吗？

Answer 1

不要将 UI 元素的集合分配给 ItemsControl 的 ItemsSource。相反，将 UI 元素放在 ItemsControl 中ItemTemplate，并将视图模型实例的集合传递给 ItemsSource。

<ItemsControl ItemsSource="{Binding MyItems}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <local:MyUserCtrl />
        </DataTemplate>
    </ItemsCControl.ItemTemplate>
</ItemsCControl>

将视图模型项添加到“主”视图模型中的集合属性：

var item = new MyViewModel();
MyItems.Add(item);

要“关闭”控件，请从集合中删除相应的项目：

MyItems.Remove(item);