Реактивные расширения для .NET (Rx) в WPF - MVVM - PullRequest
Новая
       30

Реактивные расширения для .NET (Rx) в WPF - MVVM

12 голосов
/ 03 января 2011

Я использую реактивные расширения для NET (Rx) с Caliburn.Micro в своем приложении WPF. Я пытаюсь портировать приложение WPF для использования архитектуры MVVM, и мне нужно отслеживать изменения в свойстве Text элемента управления TextBox.

Если последнее изменение свойства Text было более 3 секунд назад, мне нужно вызвать метод LoadUser службы.

Перенос логики с моего старого решения на новое решение с архитектурой MVVM.

OLD

XAML: 

<TextBox Name="Nick" 
         Grid.Row="0"
         FontSize="14"
         Margin="2,2,2,2" 
         HorizontalAlignment="Stretch" 
         TextChanged="Nick_TextChanged" />

В код позади У меня есть это: 

...

Observable.FromEvent<TextChangedEventArgs>(Nick, "TextChanged")
          .Select(e => ((TextBox)e.Sender).Text)
          .Where(text => text.Length > 3)               
          .Do(LoadUser)     
          .Throttle(TimeSpan.FromSeconds(3000))     
          .Subscribe(LoadUser);

...
private  void LoadUser(string text){...}

Я бы хотел использовать Observable.FromEvent в моём классе модели представления. Как то так

WPF с MVVM

Вид: 

<TextBox Name="Nick" 
         Grid.Row="0"
         FontSize="14"
         Margin="2,2,2,2" 
         HorizontalAlignment="Stretch"
         Micro:Message.Attach="[TextChanged]=[Action TextChanged()]"/>

Просмотр модели: 

[Export(typeof(IAddFriendViewModel))]
public class AddFriendViewModel : Screen, IAddFriendViewModel
{
    private string _nick;

    public string Nick
    {
        get { return _nick; }
        set
        {
            _nick = value;
            NotifyOfPropertyChange(()=>Nick);
        }
    }

    ...

    //how can I access to textbox control Nick in view from view model class?
    Observable.FromEvent<TextChangedEventArgs>(Nick, "TextChanged")
              .Select(e => ((TextBox)e.Sender).Text)
              .Where(text => text.Length > 3)
              .Do(LoadUser)
              .Throttle(TimeSpan.FromSeconds(3000))
              .Subscribe(LoadUser);
    ...

    private void LoadUser(string text)
    { }

    public void TextChanged()
    {
    }
}

Моя проблема в Observable.FromEvent использует элемент управления TextBox, и я не знаю, как получить доступ к этому элементу управления из моего класса ViewModel.

Я могу привязать свойство Text к TextBox или привязать команду к какому-либо событию элемента управления TextBox, но этот метод использует объект в представлении.

Спасибо за идеи.

1 Ответ

25 голосов
/ 03 января 2011

Добавьте свойство Nick к вашей ViewModel и реализуйте INotifyPropertyChanged. Тогда вы можете сделать это 

Observable.FromEventPattern<PropertyChangedEventArgs>(this, "PropertyChanged")
          .Where(e => e.EventArgs.PropertyName == "Nick")
          .Select(_ => this.Nick)
          .Where(text => text.Length > 3)
          //Subscribe will call LoadUser, no need for the extra Do(...)
          .Throttle(TimeSpan.FromSeconds(3000))
          .Subscribe(LoadUser);

и тогда ваш XAML будет примерно таким 

<TextBox Name="Nick" 
         Grid.Row="0"
         FontSize="14"
         Margin="2,2,2,2" 
         HorizontalAlignment="Stretch"
         Text="{Binding Nick, UpdateSourceTrigger=PropertyChanged}" />
...