web-dev-qa-db-ja.com

MVVMラジオボタン

誰か助けてください。興味深い問題があります。私はMVVMアプリを実装しようとしていますが、自分のビューでラジオボタンにバインドしたいと思います。

これが私の見解です：

<StackPanel Orientation="Horizontal" Grid.ColumnSpan="2"  >
    <RadioButton GroupName="1" IsChecked="{Binding Path=NoteGeneral, Mode=TwoWay}">General</RadioButton>
    <RadioButton GroupName="1" IsChecked="{Binding Path=NoteContact, Mode=TwoWay}" >Contact</RadioButton>
    <RadioButton GroupName="1" IsChecked="{Binding Path=NoteAddress, Mode=TwoWay}" >Address</RadioButton>
    <RadioButton GroupName="1" IsChecked="{Binding Path=NotePhone, Mode=TwoWay}" >Phone</RadioButton>
</StackPanel>

これが私のViewModelです：

    bool _NoteGeneral;
    public bool NoteGeneral
    {
        get { return _NoteGeneral; }
        set
        {
            _NoteGeneral = value;
            OnPropertyChanged("NoteGeneral");
        }
    }

    bool _NoteContact;
    public bool NoteContact
    {
        get { return _NoteContact; }
        set
        {
            _NoteContact = value;
            OnPropertyChanged("NoteContact");
        }
    }

    bool _NoteAddress;
    public bool NoteAddress
    {
        get { return _NoteAddress; }
        set
        {
            _NoteAddress = value;
            OnPropertyChanged("NoteAddress");
        }
    }

    bool _NotePhone;
    public bool NotePhone
    {
        get { return _NotePhone; }
        set
        {
            _NotePhone = value;
            OnPropertyChanged("NotePhone");
        }
    }

問題はこれです。別のラジオボタンをクリックすると、プロパティセッタが初めて呼び出されます（デバッグで実行するとき）。例えばNoteGeneral、NoteContact、次にNoteGeneralをクリックすると、最初の2回のクリックだけでビューモデルが更新されます。私は自分のバインディングに何か問題があるのではないかと思います。

誰か助けてもらえますか？

ビューモデルにラジオボタン選択を実装するにはどうすればよいですか？

.NET 4以降

RadioButtonバインディングに関するこの問題は、.NET 4のリリース時にMicrosoftによって解決されました。 RadioButtonのバインディングは、以下にリストされている回避策なしで期待どおりに機能するようになりました。

data-bindingmvvm
40
Jose

ご覧ください こちら 。

私は提供されたソリューションを実装していませんが、理にかなっています。基になるフレームワークコントロールは、クリックが実行されるとバインディングを解除します。解決策は、これを行うメソッドをオーバーライドし、バインディングに依存することです。

19
Jab

Jaime Rodriguez はMicrosoftでWPFを担当しており、WPFに関する簡単なQ＆Aを公開しており、最新号にはRadioButtonsとMVVMに関する投稿があります。

投稿は http://blogs.msdn.com/jaimer/archive/2009/09/22/wpf-discussion-090922.aspx にあり、その最後の項目を確認したい役職。私はソリューションをテストしましたが、満足に機能します。

便宜上引用：

.NET 3.5 SP1でこの問題を回避しました。次に、ラジオボタンのグループを列挙値プロパティにデータバインドする方法を示します。

<StackPanel>
    <RadioButton Content="New folder"
        IsChecked="{Binding Path=PublishTarget,
                    Converter={StaticResource equalityConverter},
                    ConverterParameter={x:Static local:PublishTarget.NewServerFolder}, Mode=TwoWay}"
        GroupName="1" />

    <RadioButton Content="Existing folder"
        IsChecked="{Binding Path=PublishTarget,
                    Converter={StaticResource equalityConverter},
                    ConverterParameter={x:Static local:PublishTarget.ExistingServerFolder},
                    Mode=TwoWay}"
        GroupName="2" />

    <RadioButton Content="Local folder"
        IsChecked="{Binding Path=PublishTarget,
                    Converter={StaticResource equalityConverter},
                    ConverterParameter={x:Static local:PublishTarget.LocalFolder},
                    Mode=TwoWay}"
        GroupName="3" />
</StackPanel>

各ラジオボタンのGroupNameを一意の値に設定すると、ユーザーがラジオボタンをクリックしたときにバインディングが破壊されなくなります。ここでは、他のラジオボタンに更新を通知するINotifyPropertyChangedを実装するために、データソースに依存しています。同様のアプローチは、ItemsControlのラジオボタンでも機能します。

16
Thomas Dufour

私はブログでこの問題について 簡単なヒント を書きました。

この場合、ViewとViewModelを次のように記述する必要があります。

<StackPanel Orientation="Horizontal" Grid.ColumnSpan="2">
    <RadioButton IsChecked="{Binding IsGeneralNote}">General</RadioButton>
    <RadioButton IsChecked="{Binding IsContactNote}">Contact</RadioButton>
    <RadioButton IsChecked="{Binding IsAddressNote}">Address</RadioButton>
    <RadioButton IsChecked="{Binding IsPhoneNote}">Phone</RadioButton>
</StackPanel>



public enum Note
{
    General,
    Contact,
    Address,
    Phone,
}

...

    Note note = Note.General;

    public Note Note
    {
        get { return this.note; }
        set
        {
            if (this.note == value)
                return;

            this.note = value;
            OnPropertyChanged("Note");
            OnPropertyChanged("IsGeneralNote");
            OnPropertyChanged("IsContactNote");
            OnPropertyChanged("IsAddressNote");
            OnPropertyChanged("IsPhoneNote");
        }
    }

    public bool IsGeneralNote
    {
        get { return Note == Note.General; }
        set { Note = value ? Note.General : Note; }
    }

    public bool IsContactNote
    {
        get { return Note == Note.Contact; }
        set { Note = value ? Note.Contact : Note; }
    }

    public bool IsAddressNote
    {
        get { return Note == Note.Address; }
        set { Note = value ? Note.Address : Note; }
    }

    public bool IsPhoneNote
    {
        get { return Note == Note.Phone; }
        set { Note = value ? Note.Phone : Note; }
    }
...
8
Ryeol

次のように、XAMLバインディングでUpdateSourceTrigger="PropertyChanged"を設定する必要があります。

<StackPanel Grid.Column="1" Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
    <RadioButton Name="rdbTimeFormat12" GroupName="TimeFormat" Content="12 Hrs" IsChecked="{Binding Radio1IsCheck,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>
    <RadioButton Name="rdbTimeFormat24" GroupName="TimeFormat" Margin="40,0,0,0" Content="24 Hrs" IsChecked="{Binding Radio2IsCheck,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>
</StackPanel>
0
Vijay Chauhan