Sắp xếp một hộp danh sách khi một nút được bấm bằng cách sử dụng MVVM

Question

Tôi đã tìm kiếm giải pháp cho vấn đề của mình kể từ hôm qua. Im xây dựng một vấn đề với mô hình MVVM. Tôi có hai usercontrol, cả hai đều chứa một listbox.

Điều khiển người dùng đầu tiên được gọi là SearchView chứa một hộp danh sách tên dự án, mà người dùng có thể chọn và lưu vào db ứng dụng cục bộ.

Khi dự án được lựa chọn được thêm vào một sự kiện là bắn mà thông báo cho usercontrol 2 được đặt tên là "ProjectView". Điều này usercontrol chỉ đơn giản là cho thấy các dự án được lưu cục bộ. Nhìn vào hình dưới đây.

Vấn đề là tôi muốn để có thể loại ListBox tăng dần theo tên trong projectview. Vì vậy, nếu người dùng đầu tiên thêm "Test Project 2" và afterwords thêm "Test Project 1" thì "Test Project 1" được hiển thị ở phía trên cùng của hộp danh sách.

Tôi đã cố gắng sử dụng ICollectionView và ListCollectionView nhưng im thực sự rất bối rối vào lúc này.

Bây giờ Mã của tôi trông như thế này, trong ProjectViewModel mà cần phải sắp xếp ListBox:

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"); 
    } 
} 

mã 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> 

Cảm ơn trước

Answer 1

cuộc gọi này khi bạn thêm phần tử vào danh sách Projects

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

Answer 2

bạn có thể sử dụng LINQ

mẫu:

 var coll = new ObservableCollection<myItem>(); 
     coll.Add(new myItem() { Id = 0, Name = "zz" }); 
     coll.Add(new myItem() { Id = 3, Name = "bb" }); 
     coll.Add(new myItem() { Id = 1, Name = "aa" }); 

     var sortedById = from item in coll 
         orderby item.Id 
         select item; 

     var sortedByName = from item in coll 
         orderby item.Name 
         select item; 

     coll = new ObservableCollection<myItem>(sortedById); 
     coll = new ObservableCollection<myItem>(sortedByName); 

class myItem 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } 
} 

Answer 3

Nó phải đủ khi bạn thay đổi SortDescription trong XAML của bạn để:

<scm:SortDescription PropertyName="ProjectModel.Name" /> 

Vì bạn muốn sắp xếp theo tên của dự án, nơi tôi nghĩ nó giống như bạn sử dụng trong sự ràng buộc của TextBlock {Binding Path=ProjectModel.Name}