具有可编辑集合的MVVM示例,其中View不直接使用模型类型

public class MyViewModel : ObservableObject
{
    private ObservableCollection<int> _editableCollection;
    public ObservableCollection<int> EditableCollection
    {
        get => _editableCollection;
        set => Set(ref _editableCollection, value);
    }

    public MyViewModel()
    {
        EditableCollection = new ObservableCollection<int> {1, 2, 3, 4, 5};
    }

    public RelayCommand<int> SaveData { get; }

    public void OnEditCommit(int item)
    {
        EditableCollection.Remove(item);
        SaveData.Execute(item);
    }
}

x:Class="MyApp.Views.MyView"

xmlns:views="clr-namespace:MyApp.Views"

xmlns:vm="clr-namespace:MyApp.ViewModels"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:local="clr-namespace:MyApp.Views"

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

WindowTransitionsEnabled="False"

mc:Ignorable="d"

Title="My App"

Height="850"

Width="1800"

WindowStartupLocation="CenterScreen"

Loaded="Window_Loaded"

Style="{StaticResource DefaultWindow}">

<Window.DataContext>

    <vm:MyViewModel />

</Window.DataContext>

<Window.Resources>

    <local:EditableCollectionViewTemplate x:Key="EditableCollectionViewTemplate" />

</Window.Resources>

<mah:MetroWindow.RightWindowCommands>

    <mah:WindowCommands>

        <Button x:Name="cmdMinimize"

                Style="{StaticResource WindowMinimizeButton}" />

        <Button x:Name="cmdMaximize"

                Style="{StaticResource WindowMaximizeButton}" />

        <Button x:Name="cmdExit"

                Style="{StaticResource WindowExitButton}" />

    </mah:WindowCommands>

</mah:MetroWindow.RightWindowCommands>

<Grid>

    <Grid.ColumnDefinitions>

        <ColumnDefinition Width="*" />

        <ColumnDefinition Width="auto" />

    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>

        <RowDefinition Height="auto" />

        <RowDefinition Height="*" />

    </Grid.RowDefinitions>

    <Grid Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Panel.ZIndex="1">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="*" />

        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition Height="auto" />