Die Umsetzung einer ListView mit einer CollectionViewSource - Nicht Erfrischend?

Arbeite ich am Aufbau einer ListView, deren Source - Eigenschaft auf eine ivar von einer Klasse von mir, genannt Cat.

Jeder Cat hat eine ObservableCollection von Trait Objekte:

private ObservableCollection<Trait> _traits = new ObservableCollection<Trait>();

public ObservableCollection<Trait> Traits
{
get
    {
        return _traits;
    }
}

public void AddTrait(Trait t)
{
    _traits.Add(t);
    //Is this redundant? Is one better than the other?
    this.OnPropertyChanged("_traits");
    this.OnPropertyChanged("Traits");
}

public IEnumerator<Object> GetEnumerator()
{
    return _traits.GetEnumerator();
}

Ist und dann bin ich die Zuordnung der Source Eigenschaft dieser Traits Sammlung:

this.CollectionViewSource.Source = CurrentCat.Traits;

Dies korrekt funktioniert, und die Trait Objekte werden richtig angezeigt in meinem ListView.

Das Problem ist, dass änderungen dieser zugrunde liegenden _traits Sammlung nicht bewirken, dass das UI richtig aktualisiert. Zum Beispiel diese:

void AddTraitButton_Click(object sender, RoutedEventArgs e)
{
    if (this.CurrentCat != null)
    {
        this.CurrentCat.AddTrait(new Trait());
    }
}

Nicht scheinen, um eine Wirkung sofort in der Benutzeroberfläche, aber wenn ich einen reset der Source - Eigenschaft, etwa so:

var oldSource = this.CollectionViewSource.Source;
this.CollectionViewSource.Source = null;
this.CollectionViewSource.Source = oldSource;

Dann die ListView korrekt aktualisiert. Aber ich bin sicher, es muss etwas sein, das mir fehlt, wie ich möchte, dass das UI-update auf die addition/entfernen einer Sache.

Edit: Die CollectionViewSource angewendet wird, um die ListView in meiner XAML-Datei:

<CollectionViewSource x:Name="CollectionViewSource" x:Key="CollectionViewSource" />

...

<ListView x:Name="ItemListView" ItemsSource="{Binding Source={StaticResource CollectionViewSource}}" ...
  • Wie ist die CollectionViewSource gesetzt, um die ListView?
  • Hinzugefügt.
  • In Bezug auf die "Ist das überflüssig? Ist einer besser als der andere?" - Kommentar: _traits ist eine private-Mitglied sind und nicht übergeben werden müssen, um OnPropertyChanged - nachdem alle, es könnte nicht alles, was gebunden ist an die update-Benachrichtigung erhalten. OnPropertyChanged("Traits"); genügt.
  • Danke, das hilft klären die Dinge.
  • diese.OnPropertyChanged("Traits"); Verwenden Sie dies auf Ihr Kommentar über, was besser ist, und nur wenn, wenn Sie tun, eine Bindung wie es aussieht {Binding Merkmale} und das gebundene Objekt DataContext gesetzt ist, um das Objekt mit den Eigenschaften Eigenschaft.
InformationsquelleAutor Craig Otis | 2011-12-19
  1. -5

    Sehen Sie sich diese demo, die ich in Aufmachungen in Bezug auf erste ListView-Bindung verknüpft und arbeiten für alle CRUD-Operationen.

    http://www.flaskofespresso.com/2012/01/windows-8-metro-app-listview-binding-and-editing/

    • Das ist unglaublich perfekt. Wir danken Ihnen für die zusammen, ich habe Magermilch durch Sie und es ist genau das, was ich suchte.
    • Der link oben ist tot
    • Antworten, nicht auf einen link zu einer Antwort, für die der link ist tot sowieso.
    • Sorry, ich nahm auf meinem blog. Ich habe versucht zu löschen, diese Lösung, aber ich kann nicht, da es ausgewählt wurde.
    InformationsquelleAutor Carlos Cervantes
  2. 0

    Ich kann nicht scheinen zu finden es jetzt, aber ich glaube mich zu erinnern einige Probleme mit der Bindung zu CollectionViewSource. Haben Sie versucht, binden direkt an CurrentCat.Traits und Einstellung this.DataContext = this im code-behind (ich gehe davon aus, dass Sie nicht mit MVVM hier)?

    <ListView x:Name="ItemListView" ItemsSource="{Binding CurrentCat.Traits}" />
    • Vielen Dank für deine Hilfe, aber ich war noch nicht in der Lage, erfolgreich die Punkte verbinden. Ich bin nicht mit MVVM-meines Wissens, ich bin sehr neu in C# und WPF. Aus dem code, den ich gepostet habe, und die anderen Beispiele von MVVM, die ich gesehen habe, bin ich Recht zuversichtlich, ich bin etwas anderes zu tun. 🙂
    • Legen Sie die Bindung genau so, wie ich es gepostet, und legen Sie this.DataContext = this im code-behind-load Abschnitt. Sehen, ob das funktioniert.
    InformationsquelleAutor Kyeotic
  3. 0

    Eher als die Bindung an die CollectionViewSource direkt und ersetzt seine Source um eine Aktualisierung erzwingen, ich glaube, Sie wollen, binden sich an den CVS ist View Eigenschaft...

    <ListView x:Name="ItemListView" 
          ItemsSource="{Binding Source={StaticResource CollectionViewSource}, Path=View}" ...

    ...und rufen CollectionViewSource.Refresh() nach dem Update der source-Sammlung.

    void AddTraitButton_Click(object sender, RoutedEventArgs e)
{
    if (this.CurrentCat != null)
    {
        this.CurrentCat.AddTrait(new Trait());
        this.CollectionViewSource.Refresh();
    }
}

    Auch, ein paar Hinweise, da Sie scheinen relativ neu zu .NET/WPF-Konventionen:

    • Die privaten Mitglieder .NET-Klassen sind in der Regel genannt "Felder" statt "ivars" (Objective-C hintergrund? :))
    • Indem Sie die Schüler mit der this Schlüsselwort ist in der Regel überflüssig, es sei denn, es gibt einen anderen Bezeichner, der Bereich mit dem gleichen Namen

    • Lohnt es sich, die Erkundung der MVVM und der damit verbundenen Muster, wenn Sie etwas zu tun, nicht-triviale in WPF; Sie helfen Ihnen, Ihre Ansichten (XAML-Objekte), die als Licht und leicht zu ändern wie möglich.

      In Ihrem Fall, zum Beispiel, ich nehme den code, den Sie gezeigt haben, ist von der code-hinter jedem Fenster-oder Benutzersteuerelement enthält deine ListView. Nach dem MVVM-Muster würde sich um die Erstellung eines separaten "ViewModel" - Klasse, die enthält die Traits Sammlung und setzen es über eine CollectionViewSource (verwenden Sie die View-Eigenschaft, wie ich bereits erwähnt habe). Ihr Benutzersteuerelement würde dann eine Instanz von der ViewModel zugewiesen als seine DataContext, und die ListView könnte gebunden werden, ausgesetzt CollectionView.

    • Seltsam, die View Eigentum meines CollectionViewSource keinen Refresh() Methode
    • Das ist merkwürdig, wie die CollectionViewSource.View - Eigenschaft ist vom Typ ICollectionView, die hat in der Tat eine Refresh () - Methode... Wenn Sie debug und Pause in das Click-Ereignis, wie this.CollectionViewSource's View-Eigenschaft definiert?
    • Ich habe ein ähnliches problem mit einer CollectionViewSource, die sich weigern zu aktualisieren, wie es soll, und diese Antwort bewirkt, dass ein null-refrence Ausnahme, weil die CollectionViewSource die View-Eigenschaft immer den Wert null.
    InformationsquelleAutor Dan J
  4. 0

    Können Sie arbeiten ausschließlich mit der ObservableCollection noch. Obwohl es ein problem ist - wäre es nicht angezeigt, die Daten in IsInDesignMode. Vielleicht wird es in Zukunft zu verbessern.

    public class MainViewModel : ViewModelBase
{
...
    private ObservableCollection<PartViewModel> _parts;
    public ObservableCollection<PartViewModel> Parts
    {
        get
        {
            if (_parts == null)
            {
                _parts = new ObservableCollection<PartViewModel>();
                _parts.CollectionChanged += _parts_CollectionChanged;
            }
            return _parts;
        }
    }

    object m_ReorderItem;
    int m_ReorderIndexFrom;
    void _parts_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        switch (e.Action)
        {
            case NotifyCollectionChangedAction.Remove:
                m_ReorderItem = e.OldItems[0];
                m_ReorderIndexFrom = e.OldStartingIndex;
                break;
            case NotifyCollectionChangedAction.Add:
                if (m_ReorderItem == null)
                    return;
                var _ReorderIndexTo = e.NewStartingIndex;
                m_ReorderItem = null;
                break;
        }
    }

    private PartViewModel _selectedItem;
    public PartViewModel SelectedItem
    {
        get
        {
            return _selectedItem;
        }
        set
        {
            if (_selectedItem != value)
            {
                _selectedItem = value;
                RaisePropertyChanged("SelectedItem");
            }
        }
    }
   ...

    #region ViewModelBase

    public override void Cleanup()
    {
        if (_parts != null)
        {
            _parts.CollectionChanged -= _parts_CollectionChanged;
        }
        base.Cleanup();
    }

    #endregion

  }

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <Grid.Resources>
        <CollectionViewSource x:Name="PartsCollection" Source="{Binding Parts}"/>
    </Grid.Resources>

    <ListView Margin="20" CanReorderItems="True" CanDragItems="True" AllowDrop="True" 
              ItemsSource="{Binding Source={StaticResource PartsCollection}}" SelectedItem="{Binding SelectedItem, Mode=TwoWay}" SelectionMode="Single">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
            </Style>
        </ListView.ItemContainerStyle>
        <ListView.ItemTemplate>
        ...
        </ListView.ItemTemplate>
    </ListView>
</Grid>
    InformationsquelleAutor ADM-IT
Schreibe einen Kommentar