Come aggiornare la vista da un viewmodel in WPF usando il design MVVM

Question

Sto utilizzando il WFP con MVVM design per il mio primo progetto e sto avendo il problema di aggiornare la vista dopo che ho elaborato un comando dal client per aggiornare l'entità. In questo momento, la vista può dialogare con il modello di visualizzazione, ma il modello di visualizzazione non può tornare a visualizzare. Qualcuno ha qualche idea su come farlo funzionare? Grazie, Jdang

Answer 1

Si dovrebbe rendere ViewModel implementare INotifyPropertyChanged e attivare l'evento PropertyChanged quando le proprietà ViewModel cambiano. Supponendo che l'interfaccia utente sia associata alle proprietà ViewModel, ciò dovrebbe funzionare.

Answer 2

In un'applicazione MVVM tipica, si utilizzano i collegamenti per connettere la vista a ViewModel. I collegamenti vengono aggiornati automaticamente quando ViewModel solleva l'evento PropertyChanged, definito dall'interfaccia INotifyPropertyChanged. Quindi è necessario implementare tale interfaccia nel ViewModel e aumentare l'evento PropertyChanged quando il valore di una proprietà viene modificato e la vista rifletterà la modifica automaticamente.

Answer 3

Se siete nuovi al modello MVVM, vi consiglio i seguenti eccellenti risorse da MSDN che coprono sia il modello e come implementarlo in applicazioni WPF e Silverlight:

1. Implementing the MVVM Pattern
2. Advanced MVVM Scenarios

in base a ciò che hai detto, sembra che si potrebbe desiderare di rivedere data binding, e come si può sfruttare l'INotifyPropertyChanged, INotifyCollectionChanged, un d interfacce ICollectionView per abilitare la comunicazione bidirezionale tra viste e modelli di vista.

Il collegamento dati Silverlight e WPF supporta più modalità di associazione dati. Con l'associazione dati unidirezionale, i controlli dell'interfaccia utente possono essere associati a un modello di visualizzazione in modo che riflettano il valore dei dati sottostanti quando viene visualizzato il rendering. L'associazione bidirezionale dei dati aggiornerà automaticamente i dati sottostanti quando l'utente la modifica nell'interfaccia utente. Per garantire che l'interfaccia utente sia tenuta aggiornata quando i dati cambiano nel modello di visualizzazione, è necessario implementare l'interfaccia di notifica delle modifiche appropriata.

Answer 4

Oltre alle altre risposte, vorrei anche suggerire avere i ViewModel estendono DependencyObject.

Alcune persone credono che DependencyObjects sia pesante (e possono essere, se ne crei migliaia di istanze) e un po 'complesso per i nuovi utenti (sicuramente ci sono situazioni in cui ciò è vero). Esistono, tuttavia, altri vantaggi in DependencyObjects, come il supporto automatico per la notifica delle modifiche alla proprietà e la velocità della valutazione vincolante.

Ecco il mio frammento di DP (Salva con nome DependencyProperty.snippet in C: \ Users [IL NOME QUI] \ Documenti \ Visual Studio [2010, 2008] \ Frammenti di codice \ Visual C# \ My Code Snippets):

<?xml version="1.0" encoding="utf-8"?> 
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet"> 
    <CodeSnippet Format="1.0.0"> 
    <Header> 
     <SnippetTypes> 
     <SnippetType>Expansion</SnippetType> 
     </SnippetTypes> 
     <Title>SnippetFile1</Title> 
     <Author>will</Author> 
     <Description> 
     </Description> 
     <HelpUrl> 
     </HelpUrl> 
     <Shortcut>dp</Shortcut> 
    </Header> 
    <Snippet> 
     <Declarations> 
     <Literal Editable="true"> 
      <ID>PropertyName</ID> 
      <ToolTip>Property name</ToolTip> 
      <Default>PropertyName</Default> 
      <Function> 
      </Function> 
     </Literal> 
     <Literal Editable="false"> 
      <ID>ClassName</ID> 
      <ToolTip>Class name</ToolTip> 
      <Default>ClassName</Default> 
      <Function>ClassName()</Function> 
     </Literal> 
     <Literal Editable="true"> 
      <ID>Type</ID> 
      <ToolTip>Property type</ToolTip> 
      <Default>object</Default> 
      <Function> 
      </Function> 
     </Literal> 
     <Literal Editable="true"> 
      <ID>DefaultValue</ID> 
      <ToolTip>Default value</ToolTip> 
      <Default>null</Default> 
      <Function> 
      </Function> 
     </Literal> 
     </Declarations> 
     <Code Language="csharp"><![CDATA[#region $PropertyName$ 
/// <summary> 
/// The <see cref="DependencyProperty"/> for <see cref="$PropertyName$"/>. 
/// </summary> 
public static readonly DependencyProperty $PropertyName$Property = 
    DependencyProperty.Register(
     $PropertyName$Name, 
     typeof($Type$), 
     typeof($ClassName$), 
     new UIPropertyMetadata($DefaultValue$)); 

/// <summary> 
/// The name of the <see cref="$PropertyName$"/> <see cref="DependencyProperty"/>. 
/// </summary> 
public const string $PropertyName$Name = "$PropertyName$"; 

/// <summary> 
/// $end$ 
/// </summary> 
public $Type$ $PropertyName$ 
{ 
    get { return ($Type$)GetValue($PropertyName$Property); } 
    set { SetValue($PropertyName$Property, value); } 
} 
#endregion ]]></Code> 
    </Snippet> 
    </CodeSnippet> 
</CodeSnippets>