WPFでX, Yのtextboxに値が入っているときだけOKbuttonを押せるようにしたいです。

Question

こんにちは。
X, Yのtextboxに値が入っているときだけOKbuttonを押せるようにしたいです。
Windows10, VisualStudio2015,C#6.0, Livetの組み合わせで開発しています。
MVVMモデルです。

現在のコードです。

TODO
・TextBoxのPropertyChangedを探す、なければ作る。どこにどう作るもの？
・TextBoxのPropertyChangedで、IsOkButtonEnabled の値を変更。

たとえばMVVMでなければ、
<TextBox Text="{Binding XTextBoxText}" x:Name="LocationXTextBox"/>
を
<TextBox Text="{Binding XTextBoxText}" x:Name="LocationXTextBox" TextChanged="LocationXTextBox_TextChanged"/>
とし、
private void LocationXTextBox_TextChanged(object sender, System.Windows.Controls.TextChangedEventArgs e)
{
TextBox textbox = sender as TextBok;
if (!String.IsNullOrEmpty(textbox.Text)) OKbutton.IsEnabled = true;
}
とすればOKと思います。
MVVM(Livet)的な方法をご教示ください。

<TextBox Text="{Binding XTextBoxText}" x:Name="LocationXTextBox"/>
<TextBox Text="{Binding YTextBoxText}" x:Name="LocationYTextBox"/>
<Button Content="OK" IsEnabled="{Binding IsOkButtonEnabled}"/>

using System;
using System.Text;
using System.Windows;

using Livet;
using Livet.Commands;
using Livet.Messaging;

namespace XYWindow
{
    public class CoordinateXYWindowViewModel : ViewModel
    {
        public string XTextBoxText { get; set; }

        public string YTextBoxText { get; set; }

        public bool IsOkButtonEnabled { get; set; }

    }
}

propertyの変更とeventを結びつけるのに、

    public string XTextBoxText
    {
        get;
        set
        {
            RaisePropertyChanged("XTextBoxText");
        }
    }

としたところ、
abstract, extern または partial に指定されていないため、本体を宣言する必要があります。
となって先に進めずにいます。

Answer 1

蛇足ですが
ReactivePropertyを使うと

public ReactiveProperty<string> XTextBoxText { get; } = new ReactiveProperty<string>();
public ReactiveProperty<string> YTextBoxText { get; } = new ReactiveProperty<string>();
public ReactiveCommand OkButtonCommand { get; }
public MainVM()
{
    OkButtonCommand =
        XTextBoxText
        .CombineLatest(YTextBoxText, (x, y) => !(string.IsNullOrEmpty(x) || string.IsNullOrEmpty(y)))
        .ToReactiveCommand(false);

    OkButtonCommand.Subscribe(_ => SomethingToDo());
}

private void SomethingToDo()
{
    Console.WriteLine("Hello!");
}

のように書けます。

Answer 2

TODO
・TextBoxのPropertyChangedを探す、なければ作る。どこにどう作るもの？
・TextBoxのPropertyChangedで、IsOkButtonEnabled の値を変更。

プロパティ変更通知は、(基本的には)ViewModelからViewに対してModelが変更されたことを通知する目的で使用します。
ViewはViewModelの参照を持っていますので、ViewModelに対して変更通知を行う必要はありません。
WPFのMVVMについて、各クラスの関係や役割分担を今一度、整理されることをお勧めします。

実装例の一つとして、ICommandインターフェースを利用する方法があります。
Livetをお使いとのことですので、比較的容易に実装可能です。
Livetでの実装例を以下に示しますが、Livet等のインフラストラクチャを使用せず、
自力で実装する方法も勉強しておきましょう。
（ICommandインターフェースの実装例を示すため、Modelは省略しました）

View

<TextBox Text="{Binding XTextBoxText}" x:Name="LocationXTextBox"/>
<TextBox Text="{Binding YTextBoxText}" x:Name="LocationYTextBox"/>
<Button Content="OK" Command="{Binding OKCommand}"/>

ViewModel

public class XYWindowViewModel : ViewModel
{

    #region XTextBoxText変更通知プロパティ
    private string _XTextBoxText;

    public string XTextBoxText
    {
        get
        { return _XTextBoxText; }
        set
        { 
            if (_XTextBoxText == value)
                return;
            _XTextBoxText = value;
            RaisePropertyChanged();
            OKCommand.RaiseCanExecuteChanged();
        }
    }
    #endregion


    #region YTextBoxText変更通知プロパティ
    private string _YTextBoxText;

    public string YTextBoxText
    {
        get
        { return _YTextBoxText; }
        set
        { 
            if (_YTextBoxText == value)
                return;
            _YTextBoxText = value;
            RaisePropertyChanged();
            OKCommand.RaiseCanExecuteChanged();
        }
    }
    #endregion


    #region OKCommand
    private ViewModelCommand _OKCommand;

    public ViewModelCommand OKCommand
    {
        get
        {
            if (_OKCommand == null)
            {
                _OKCommand = new ViewModelCommand(OK, CanOK);
            }
            return _OKCommand;
        }
    }

    public bool CanOK()
    {
        return !string.IsNullOrEmpty(XTextBoxText) && !string.IsNullOrEmpty(YTextBoxText);
    }

    public void OK()
    {
        // DoSomething
    }
    #endregion



    public void Initialize()
    {
    }
}

余談ですが、Livetのコードスニペットは利用していますか？
変更通知プロパティであれば、lprop(n)
コマンドであれば、lvcom(n)やllcom(n)
と入力し、Tabキーを押すことで、規定のコードを挿入できます。

Comments

[picko]

ありがとうございます。
昨日丸1日かかりましたが、自分で書けました。
setのなかで処理する、というのがわかり、なるほどとひとつ賢くなりました。

コードスニペットアドバイス感謝します。