ObservableCollection pas la mise à jour de la Vue

Je commence tout juste avec MVVM et ont frappé un obstacle que j'espère que quelqu'un peut m'aider avec. Je suis en train de créer une Vue simple avec 2 zones de liste. Une sélection à partir de la première zone de liste s'affichent la deuxième zone de liste. J'ai une classe créée qui stocke les informations que je souhaite lier à.

MyObject Classe (Objet observé est juste une classe qui implémente INotifyPopertyChanged)

public class MyObject : ObservableObject
{
    String _name = String.Empty;
    ObservableCollection<MyObject> _subcategories;

    public ObservableCollection<MyObject> SubCategories
    {
        get { return _subcategories; }

        set
        {
            _subcategories = value;
            RaisePropertyChanged("SubCategories");
        }
    }

    public String Name
    {
        get { return _name; }
        set
        {
            _name = value;
            RaisePropertyChanged("Name");
        }
    }


    public MyObject()
    {
        _subcategories = new ObservableCollection<EMSMenuItem>();
    }
}

Dans mon viewmodel j'ai deux ObservableCollections créé

public ObservableCollection<EMSMenuItem> Level1MenuItems { get; set; }
public ObservableCollection<EMSMenuItem> Level2MenuItems { get; set; }

Dans mon constructeur du ViewModel j'ai:

this.Level1MenuItems = new ObservableCollection<EMSMenuItem>();
this.Level2MenuItems = new ObservableCollection<EMSMenuItem>();
this.Level1MenuItems = LoadEMSMenuItems("Sample.Xml");

Qui fonctionne très bien pour le Niveau 1 articles et ils afficher correctement dans la Vue. Toutefois, j'ai une commande qui est appelé lorsque l'utilisateur clique sur un élément dans la zone de liste, qui est la suivante:

Level2MenuItems = ClickedItem.SubCategories;

Pour une raison quelconque, cela ne met pas à jour l'INTERFACE utilisateur de la deuxième zone de liste. Si j'ai mis un point d'arrêt à cet endroit, je peux voir que Level2MenuItems a la bonne information qui y est stockée. Si j'écris une boucle foreach et les ajouter individuellement à la Level2MenuItems collection alors il ne s'affiche pas correctement.

Aussi comme un test, j'ai ajouté ce qui suit à l'constructeur:

Level2MenuItems = Level1MenuItems[0].SubCategories;

Et que, mis à jour correctement.

Alors pourquoi le code fonctionne comme prévu dans le constructeur, ou si la boucle à travers, mais pas lorsqu'un utilisateur clique sur un item de la listbox?

OriginalL'auteur David Duncan | 2011-12-18

  1. 7

    Vous avez besoin pour élever la notification de changement sur le Level2MenuItems propriété.

    Au lieu d'avoir 

    public ObservableCollection<EMSMenuItem> Level2MenuItems { get; set; }

    vous avez besoin

    private ObservableCollection<EMSMenuItem> _level2MenuItems;
public ObservableCollection<EMSMenuItem> Level2MenuItems
{
    get { return _level2MenuItems; }
    set 
     {
        _level2MenuItems = value; 
        RaisePropertyChanged("Level2MenuItems");
     }
 }

    La raison pour laquelle les anciens travaux dans le constructeur, c'est que la Liaison n'a pas encore eu lieu. Cependant, puisque vous êtes la modification de la référence par l'intermédiaire d'une commande à exécuter ce qui se produit après la liaison, vous devez dire à la vue qu'elle a changé

    Merci. Exactement ce dont j'avais besoin.

    OriginalL'auteur aqwert

  2. 1

    Vous avez besoin pour faire de votre poco classe au sein de l'ObservableCollection implémenter INotifyPropertyChanged.

    Exemple:

    <viewModels:LocationsViewModel x:Key="viewModel" />
.
.
.    
<ListView
    DataContext="{StaticResource viewModel}"
    ItemsSource="{Binding Locations}"
    IsItemClickEnabled="True"
    ItemClick="GroupSection_ItemClick"
    ContinuumNavigationTransitionInfo.ExitElementContainer="True">

    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" Margin="0,0,10,0" Style="{ThemeResource ListViewItemTextBlockStyle}" />
                <TextBlock Text="{Binding Latitude, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Style="{ThemeResource ListViewItemTextBlockStyle}" Margin="0,0,5,0"/>
                <TextBlock Text="{Binding Longitude, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Style="{ThemeResource ListViewItemTextBlockStyle}" Margin="5,0,0,0" />
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

public class LocationViewModel : BaseViewModel
{
    ObservableCollection<Location> _locations = new ObservableCollection<Location>();
    public ObservableCollection<Location> Locations
    {
        get
        {
            return _locations;
        }
        set
        {
            if (_locations != value)
            {
                _locations = value;
                OnNotifyPropertyChanged();
            }
        }
    }
}

public class Location : BaseViewModel
{
    int _locationId = 0;
    public int LocationId
    {
        get
        {
            return _locationId;
        }
        set
        {
            if (_locationId != value)
            {
                _locationId = value;
                OnNotifyPropertyChanged();
            }
        }
    }

    string _name = null;
    public string Name
    {
        get
        {
            return _name;
        }
        set
        {
            if (_name != value)
            {
                _name = value;
                OnNotifyPropertyChanged();
            }
        }
    }

    float _latitude = 0;
    public float Latitude 
    { 
        get
        {
            return _latitude;
        }
        set
        {
            if (_latitude != value)
            {
                _latitude = value;
                OnNotifyPropertyChanged();
            }
        }
    }

    float _longitude = 0;
    public float Longitude
    {
        get
        {
            return _longitude;
        }
        set
        {
            if (_longitude != value)
            {
                _longitude = value;
                OnNotifyPropertyChanged();
            }
        }
    }
}

public class BaseViewModel : INotifyPropertyChanged
{
    #region Events
    public event PropertyChangedEventHandler PropertyChanged;
    #endregion

    protected void OnNotifyPropertyChanged([CallerMemberName] string memberName = "")
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(memberName));
        }
    }
}

    OriginalL'auteur Scott Nimrod

  3. 0

    Votre Subcategories propriété doit être en lecture seule.

    Comment le fait de cette adresse le problème?
    Je suppose qu'il a de la définition de la propriété.

    OriginalL'auteur SLaks