使用MVVM单击按钮时对列表框进行排序

Question

从昨天开始,我一直在为我的问题寻找解决方案.我正在构建MVVM模式的问题.我有两个usercontrol,它们都包含一个列表框.

第一个用户控件称为SearchView,它包含项目名称列表框,用户可以选择并保存到应用程序本地数据库.

添加所选项目时会触发一个事件,该事件通知名为"ProjectView"的第二个usercontrol.此用户控件只显示本地保存的项目.见下图.

问题是我希望能够在项目视图中按名称升序列表框.因此,如果用户首先添加"测试项目2"并且后面添加"测试项目1",则"测试项目1"将显示在列表框的顶部.

我曾尝试使用ICollectionView和ListCollectionView,但我现在非常非常困惑.

所以现在我的代码看起来像这样,在需要对列表框进行排序的ProjectViewModel中:

 public ProjectViewModel() {
     this.collectionView = CollectionViewSource.GetDefaultView(this.Projects);
 }

 private ObservableCollection<ProjectWrapper> _project = new ObservableCollection<ProjectWrapper>();
 public ObservableCollection<ProjectWrapper> Projects
 {
     get { return _project; }
     set
     {
         _project = value;
         OnPropertyChanged("Projects");
     }
 }

XAML代码:

<UserControl.Resources>
    <CollectionViewSource x:Key="cvs" Source="{Binding Path=Projects}">
        <CollectionViewSource.SortDescriptions>
            <scm:SortDescription PropertyName="ProjectWrapper.Project.Name" />
        </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
</UserControl.Resources>

<ListBox Name="ProjectsList" ItemsSource="{Binding Source={StaticResource cvs}}" SelectedItem="{Binding Path=SelectedProject}" HorizontalContentAlignment="Stretch" BorderThickness="0" Grid.Row="1" Grid.RowSpan="3" Margin="0,0.4,-0.2,27.8">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <DockPanel>
                    <TextBlock Text="{Binding Path=ProjectModel.Name}" HorizontalAlignment="Left" VerticalAlignment="Center" Padding="3,2,0,0" />
                    <CheckBox  IsChecked="{Binding Path=IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Right" VerticalAlignment="Center" Padding="0,2,5,0" Margin="0,2.5,0,0" />
                </DockPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

提前致谢

Answer 1

当您将元素添加到Projects列表时调用此方法

Projects = new ObservableCollection<ProjectWrapper>(Projects.OrderBy(x => x.Name));