La mise en œuvre d'un contrôle ListView Filtre avec Josh Smith WPF MVVM Démo App

La liaison est incorrect. Vous avez besoin de faire quelques changements. La première chose est de s'assurer que le DataContext est défini correctement. Typiquement, vous allez le faire sur un parent de la liste et ne pas fixer directement sur le contrôle ListView. Cela pourrait être un UserControl /Fenêtre /etc.

Donc, en supposant que vous avez un modèle de vue:

public class MainViewModel
{
public MainViewModel()
{
//Create some fake data 
InnerStaff = new ObservableCollection<StaffViewModel>();
InnerStaff.Add(new StaffViewModel {FirstName = "Sue", LastName = "Bucknell"});
InnerStaff.Add(new StaffViewModel {FirstName = "James", LastName = "Bucknell"});
InnerStaff.Add(new StaffViewModel {FirstName = "John", LastName = "Harrod"});
CvsStaff = new CollectionViewSource();
CvsStaff.Source = this.InnerStaff;
CvsStaff.Filter += ApplyFilter;
}
private string filter;
public string Filter
{
get { return this.filter; }
set
{
this.filter = value;
OnFilterChanged();
}
}
private void OnFilterChanged()
{
CvsStaff.View.Refresh();
}
internal ObservableCollection<StaffViewModel> InnerStaff { get; set; }
internal CollectionViewSource CvsStaff { get; set; }
public ICollectionView AllStaff
{
get { return CvsStaff.View; }
}
void ApplyFilter(object sender, FilterEventArgs e)
{
StaffViewModel svm = (StaffViewModel)e.Item;
if (string.IsNullOrWhiteSpace(this.Filter) || this.Filter.Length == 0)
{
e.Accepted = true;
}
else
{
e.Accepted = svm.LastName.Contains(Filter);
}
}
}

Et en supposant que vous avez une Fenêtre MainWindow.cs (code derrière) vous pouvez (pour cet exemple) brancher le DataContext ici.

public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new MainViewModel();
}
}

Alors vous avez un peu de choix pour faire de votre liaison, vous pouvez spécifier votre objet collectionviewsource en XAML ou dans le code, mais vous avez fait les deux. c'est à dire le code xaml, avec la touche x:key="StaffGroup" et la VM une CvsStaff. Disons que nous nous débarrassons de la xaml un tout et l'utilisation de la machine virtuelle, qui est configuré correctement. Ensuite, vous lier à l'aide de la propriété ItemsSource, comme suit:

<ListView Name="staffList" 
AlternationCount="2" 
ItemsSource="{Binding AllStaff}" 
Grid.Row="1" />

Aussi petite chose, j'ai changé le Filtre à vérifier pour les valeurs null et les espaces. Vous pouvez aussi avoir besoin de passer à être sensible à la casse.

Une autre chose que je n'ai pas mentionné ici, mais c'est important pour implémenter INotifyPropertyChanged sur votre StaffViewModel - je suppose que vous avez, si ce n'est pas ici un code. En règle générale, vous aussi le faire sur la plupart des modèles de vue, pour notifier l'affichage des modifications apportées aux propriétés.

internal class StaffViewModel : INotifyPropertyChanged
{
private string _firstName;
public string FirstName
{
get { return _firstName; }
set
{
_firstName = value;
OnPropertyChanged("FirstName");
}
}
private string _lastName;
public string LastName
{
get { return _lastName; }
set
{
_lastName = value;
OnPropertyChanged("LastName");
}
}
public override string ToString()
{
return string.Format("{0} {1}", FirstName, LastName);
}
public event PropertyChangedEventHandler PropertyChanged;
public void OnPropertyChanged(string propertyName)
{
var handler = PropertyChanged;
if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
}
}

OriginalL'auteur SDK