Comment mettre en place une zone de liste de Cases à cocher dans WPF?

Bien que peu d'expérience avec l'écriture des applications Winforms, la... "flou" de WPF échappe encore m'en termes de bonnes pratiques et de modèles de conception.

Malgré le remplissage de ma liste au moment de l'exécution, de ma zone de liste apparaît vide.

J'ai suivi les instructions de cet article utile en vain. Je soupçonne que je suis absent quelque sorte de DataBind() méthode où je raconte la zone de liste que je me suis fait la modification de la liste sous-jacente.

Dans ma MainWindow.xaml, j'ai:

    <ListBox ItemsSource="{Binding TopicList}" Height="177" HorizontalAlignment="Left" Margin="15,173,0,0" Name="listTopics" VerticalAlignment="Top" Width="236" Background="#0B000000">
        <ListBox.ItemTemplate>
            <HierarchicalDataTemplate>
                <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}"/>
            </HierarchicalDataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Dans mon code-behind, j'ai:

    private void InitializeTopicList( MyDataContext context )
    {
        List<Topic> topicList = ( from topic in context.Topics select topic ).ToList();

        foreach ( Topic topic in topicList )
        {
            CheckedListItem item = new CheckedListItem();
            item.Name = topic.DisplayName;
            item.ID = topic.ID;
            TopicList.Add( item );
        }
    }

Qui, en retraçant à travers, je sais, c'est être rempli avec quatre points.

MODIFIER

J'ai changé TopicList à un ObservableCollection. Cela ne fonctionne toujours pas.

    public ObservableCollection<CheckedListItem> TopicList;

EDIT #2

J'en ai fait deux changements qui peuvent aider:

Dans le .fichier xaml:

ListBox ItemsSource="{Binding}"

Dans le code source après que j'ai à remplir la liste:

listTopics.DataContext = TopicList;

J'obtiens une liste, mais il n'est pas automatiquement la mise à jour de la case états lorsque j'actualise ces. Je soupçonne un peu plus loin la lecture de ma part résoudre cela.

  • Downvoter: exactement comment cette question montrent pas d'effort de recherche, n'est pas clair ou pas utile?
InformationsquelleAutor Bob Kaufman | 2010-12-24
  1. 5

    Utilisation ObservableCollection<Topic> au lieu de List<Topic>

    Modifier

    il implémente l'interface INotifyCollectionChanged laisser WPF savoir quand vous ajouter/supprimer/modifier des éléments

    Edit 2

    Depuis que vous avez établi TopicList dans le code, il devrait être une Propriété de Dépendance, pas un champ commun

        public ObservableCollection<CheckedListItem> TopicList {
        get { return (ObservableCollection<CheckedListItem>)GetValue(TopicListProperty); }
        set { SetValue(TopicListProperty, value); }
    }
    public static readonly DependencyProperty TopicListProperty =
        DependencyProperty.Register("TopicList", typeof(ObservableCollection<CheckedListItem>), typeof(MainWindow), new UIPropertyMetadata(null));

    Modifier 3

    À voir des changements dans les éléments

    1. mettre en œuvre INotifyPropertyChanged interface dans CheckedListItem (chaque setter doit appeler PropertyChanged(this, new PropertyChangedEventArgs(<property name as string>)) événement)
    2. ou dériver CheckedListItem de DependencyObject, et de convertir de la Name, ID, IsChecked pour les propriétés de dépendance
    3. ou les mettre à jour totalement (topicList[0] = new CheckedListItem() { Name = ..., ID = ... })
    InformationsquelleAutor Mykola Bogdiuk
  2. 8

    En supposant TopicList n'est pas un ObservableCollection<T> par conséquent, lorsque vous ajoutez des éléments non INotifyCollection changé est déclenché à dire le moteur de liaison de mise à jour de la valeur.

    Changer votre TopicList à un ObservableCollection<T> qui permettra de résoudre le problème actuel. Vous pouvez également remplir le List<T> à l'avance et ensuite la liaison travail via OneWay; cependant ObservableCollection<T> est une approche plus rigoureuse.

    EDIT:

    Votre TopicList doit être un bien qui n'est pas une variable de membre; les liaisons nécessitent des propriétés. Il ne pas besoin d'être un DependencyProperty.

    EDIT 2:

    Modifier votre ItemTemplate comme il n'a pas besoin d'être un HierarchicalDataTemplate

       <ListBox.ItemTemplate>
     <DataTemplate>
       <StackPanel>
         <CheckBox Content="{Binding Name}" IsChecked="{Binding IsChecked}"/>
       </StackPanel>
     </DataTemplate>
   </ListBox.ItemTemplate>
    • Il n'a pas besoin d'être une DependencyProperty seulement si sa valeur est définie avant la première affectation ou d'un conteneur de classe implémente INotifyPropertyChanged et les appels PropertyChanged(...) sur TopicList.la méthode de jeu
    • Vous devez lier à la IsSelected bien sur ListBoxItem: <CheckBox IsChecked="{Binding IsSelected, Mode=OneWay, RelativeSource={RelativeSource AncestorType=ListBoxItem, Mode=FindAncestor}}" Vous devriez également définir IsHitTestVisible et IsFocusable à false.
    InformationsquelleAutor Aaron McIver
  3. 3

    D'abord, vous n'avez pas besoin d'un HeirarchicalDataTemplate pour cela. Juste régulière DataTemplate comme Aaron a donné est suffisant.
    Ensuite, vous devez instancier la TopicList ObservableCollection quelque part à l'intérieur du constructeur de la classe. ce qui rend l'ObservableCollection en vie, même avant d'ajouter des données dans Et le système de liaison connaît de la collection. Lorsque vous ajoutez ensuite tous les sujets/CheckedListItem il s'affiche automatiquement dans l'INTERFACE utilisateur. 

    TopicList = new ObservableCollection<CheckedListItem>(); //This should happen only once

private void InitializeTopicList( MyDataContext context )
{
    TopicList.Clear();

    foreach ( Topic topic in topicList )
    {
        CheckedListItem item = new CheckedListItem();
        item.Name = topic.DisplayName;
        item.ID = topic.ID;
        TopicList.Add( item );
    }
}
    • oui, de cette façon, vous n'avez pas besoin TopicList dépendance propertiy
    InformationsquelleAutor Jobi Joy
  4. 3

    D'autres ont déjà fait des suggestions utiles (utiliser une collection observable pour obtenir la liste de notification de modification, de faire la collecte d'une propriété plutôt qu'un champ). En voici deux, ils n'ont pas:

    1) Chaque fois que vous rencontrez un problème avec la liaison de données, regardez dans la fenêtre de Sortie pour s'assurer que vous êtes de ne pas obtenir de toute erreur de liaison. Vous pouvez passer beaucoup de temps à essayer de résoudre le mauvais problème si vous ne le faites pas.

    2) Comprendre le rôle de notification de changement de joue dans la liaison. Des changements dans votre source de données ne peut pas et ne se propage à l'INTERFACE utilisateur, sauf si la source de données met en œuvre le changement de notification. Il y a deux façons de faire cela normal propriétés: vérifiez la source de données dérivent de DependencyObject et de faire de la propriété liée à une dépendance de la propriété, ou la source de données mettre en œuvre INotifyPropertyChanged et augmenter le PropertyChanged cas lorsque la valeur de la propriété change. Lors de la liaison d'un ItemsControl à une collecte, à l'utilisation d'une collection de classe qui implémente INotifyCollectionChanged (comme ObservableCollection<T>), de sorte que des modifications du contenu et de l'ordre de la collection se propage à la limite de contrôle. (Notez que si vous voulez apporter des changements aux éléments dans la collection se propage à l'contrôles liés, ces éléments doivent mettre en œuvre le changement de notification de trop.)

    InformationsquelleAutor Robert Rossney
  5. 0

    changer votre liaison à

     <ListBox ItemsSource="{Binding Path=TopicList}"
    InformationsquelleAutor Binil