Przykład okna dialogowego WPV MVVM

Question

Czy ktoś ma przykłady wyświetlania okna dialogowego za pomocą MVVM (Prism)? - na przykład okno ustawień konfiguracji po wykonaniu polecenia.

Wszystkie przykłady widziałem użyć wzorca mediatora, który jest w porządku, ale oni także mają odniesienie do widoku w modelu widoku, który nie jest idealny (używamy DataTemplates)

Thanks

Answer 1

Sposób, w jaki to robię, polega również na użyciu wzorca mediatora. Kiedy ViewModel chce wyświetlić okno dialogowe, wysyła wiadomość odebraną przez główne okno aplikacji. Komunikat zawiera instancję ViewModel używaną przez okno dialogowe.

Okno główne następnie tworzy instancję okna dialogowego, przekazuje do niego model widoku i pokazuje okno dialogowe. Wynik okna dialogowego jest przekazywany rozmówcy w oryginalnej wiadomości.

Wygląda to mniej więcej tak:

w widoku modelu

DialogViewModel viewModel = new DialogViewModel(...); 
ShowDialogMessage message = new ShowDialogMessage(viewModel); 

_messenger.Broadcast(message); 

if (message.Result == true) 
{ 
    ... 
} 

w oknie głównym kodzie:

void RecieveShowDialogMessage(ShowDialogMessage message) 
{ 
    DialogWindow w = new DialogWindow(); 
    w.DataContext = message.ViewModel; 
    message.Result = w.ShowDialog(); 
} 

Mam nadzieję, że to wystarczy, aby dać Ci pomysł. ..

Answer 2

Być może zainteresuje Cię poniższy przykładowy wniosek:

http://compositeextensions.codeplex.com

Wykorzystuje Prism2 z PresentationModel (aka MVVM) wzór. Przykładowa aplikacja zawiera modalne okno dialogowe.

Answer 3

Jak zrozumiałem powyżej, powyższe pytanie nie polega na pokazywaniu okien dialogowych i ich ukrywaniu. Istnieją dwa sposoby rozwiązania tego problemu:

1. Użyj standardowego okna dialogowego do implementacji widoku. Wymagałoby to luźno powiązanego sposobu komunikacji między View i ViewModel, aby ViewModel mógł powiadomić View, że można go zamknąć bez odniesienia do widoku.

   Istnieje wiele struktur, które pozwoliłyby na to - agregatory zdarzeń Prism byłyby jednym z nich. W tym scenariuszu View zasubskrybowałby zdarzenie (np. MyDialogResultValidated), a po odebraniu zdarzenia ustawiłoby DialogResult accrodingly. ViewModel (w swoim SaveCommand) uruchamiałby zdarzenie, gdyby sprawdzanie poprawności przebiegło pomyślnie.

2. Nie należy używać standardowego okna dialogowego do implementacji widoku. Wymagałoby to nakładki, która efektywnie emulowałaby modalność.

   W tym scenariuszu widoczność widoku i nakładki będzie związana właściwością IsVisible ViewModel, która byłaby odpowiednio ustawiona przez implementację SaveCommand lub gdy ViewModel musi wyświetlić widok.

Pierwsze podejście wymagałoby posiadania bitowego kodu w kodzie opóźnieniem, wymaga dodania globalnego zdarzenia (S) i (prawdopodobnie) jest mniejsza MVVM-owski.Drugie podejście wymagałoby implementacji (lub użycia cudzej implementacji) nakładki, ale nie będzie wymagało posiadania kodu z tyłu kodu, nie będzie wymagało globalnego zdarzenia (zdarzeń) i jest (argumentowalne) więcej MVVM-ish .

Answer 4

Chciałbym użyć usługi, aby wyświetlić okno dialogowe. Usługa może następnie łączyć widoki z modelami podglądu.

public interface IDialogService { 
    void RegisterView<TView, TViewModel>() where TViewModel:IDialogViewModel; 
    bool? ShowDialog(IDialogViewModel viewModel); 
} 

public interface IDialogViewModel { 
    bool CanClose(); 
    void Close(); 
} 

RegisterView tylko linki typ widoku z typem ViewModel. Możesz ustawić te łącza w inicjalizacji modułu. Jest to prostsze niż próba uzyskania modułów do rejestracji datatemplates w górnej warstwie aplikacji.

ShowDialog Pokazuje model ViewModel, który chcesz wyświetlić. Zwraca true, false i null dla close, podobnie jak metoda Window.ShowDialog. Implementacja właśnie tworzy nowy widok typu TView z twojego kontenera, podłącza go do dostarczonego ViewModel i pokazuje go.

IDialogViewModel zapewnia mechanizm do wykonania ViewModel i anulowania zamknięcia okna dialogowego.

Mam standardowe okno dialogowe z kontrolą treści. Po wywołaniu ShowDialog tworzy nowe standardowe okno dialogowe, dodaje widok do kontroli treści, podłącza ViewModel i wyświetla go. Standardowe okno dialogowe ma już przyciski [OK] i [Anuluj] z odpowiednią logiką do wywoływania właściwych metod z IDialogViewModel.

Answer 5

To nie jest pryzmat, ale ten MVVM demo ma okno dialogowe opcji, które jest w pełni MVVM.

Answer 6

Zgadzam się, że używanie usługi do wyświetlania okna dialogowego zgodnie ze wzorcem MVVM jest najprostszym rozwiązaniem. Ale też zadałem sobie pytanie, czy istnieją 3 zespoły w moim projekcie Model, ViewModel, View i zgodnie z montażem modeli MVVM ViewModel ma odniesienie do Modelu, a View to zarówno Model, jak i ViewModel gdzie powinienem umieścić klasę DialogService? Jeśli umieścę jeden w zespole ViewModel - nie mam szans na utworzenie instancji DialogView; z drugiej strony, jeśli umieszczę DialogService w zestawie View, jak powinienem wstrzyknąć go w moją klasę ViewModel?

Tak, chciałbym recoment przyjrzeć Advanced MVVM scenarios with Prismczęści: Korzystanie Interaction Zamówienie Przedmioty

Jako przykład takiego podejścia:

DialogViewModelBase

public abstract class DialogViewModelBase : ViewModelBase 
{ 
    private ICommand _ok; 

    public ICommand Ok 
    { 
     get { return _ok ?? (_ok = new DelegateCommand(OkExecute, CanOkExecute)); } 
    } 

    protected virtual bool CanOkExecute() 
    { 
     return true; 
    } 

    protected virtual void OkExecute() 
    { 
     _isSaved = true; 
     Close = true; 
    } 

    private ICommand _cancel; 

    public ICommand Cancel 
    { 
     get 
     { 
      return _cancel ?? (_cancel = new DelegateCommand(CancelExecute, CanCancelExecute)); 
     } 
    } 

    protected virtual bool CanCancelExecute() 
    { 
     return true; 
    } 

    protected virtual void CancelExecute() 
    { 
     Close = true; 
    } 

    private bool _isSaved = false; 
    public bool IsSaved 
    { 
     get { return _isSaved; } 
    } 

    private bool _close = false; 

    public bool Close 
    { 
     get { return _close; } 
     set 
     { 
      _close = value; 
      RaisePropertyChanged(() => Close); 
     } 
    } 
} 

CreateUserStoryViewModel:

public class CreateUserStoryViewModel : DialogViewModelBase 
{ 
    private string _name = String.Empty; 

    public string Name 
    { 
     get { return _name; } 
     set 
     { 
      _name = value; 
      RaisePropertyChanged(() => Name); 
     } 
    } 
} 

CreateUserStoryRequest

private InteractionRequest<Notification> _createUserStoryRequest; 
public InteractionRequest<Notification> CreateUserStoryRequest 
{ 
    get 
    { 
     return _createUserStoryRequest ?? (_createUserStoryRequest = new InteractionRequest<Notification>()); 
    } 
} 

CreateUserStory poleceń

private void CreateUserStoryExecute() 
{ 
    CreateUserStoryRequest.Raise(new Notification() 
    { 
     Content = new CreateUserStoryViewModel(), 
     Title = "Create User Story" 
    }, 
    notification => 
       { 
         CreateUserStoryViewModel createUserStoryViewModel = 
           (CreateUserStoryViewModel)notification.Content; 
         if (createUserStoryViewModel.IsSaved) 
         { 
         _domainContext.CreateUserStory(
new UserStory(){ Name = createUserStoryViewModel.Name, }); 
         } 
       }); 
} 

XAML:

<!--where xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
      xmlns:ir="clr-namespace:Microsoft.Practices.Prism.Interactivity.InteractionRequest;assembly=Microsoft.Practices.Prism.Interactivity"--> 

<i:Interaction.Triggers> 
    <ir:InteractionRequestTrigger SourceObject="{Binding CreateUserStoryRequest}"> 
    <ir:PopupChildWindowAction> 
     <ir:PopupChildWindowAction.ChildWindow> 
     <view:CreateUserStory /> 
     </ir:PopupChildWindowAction.ChildWindow> 
    </ir:PopupChildWindowAction> 
    </ir:InteractionRequestTrigger> 
</i:Interaction.Triggers>