WPF中RadioButton与DataGrid SelectedItem绑定异常问题

这个异常是WPF RadioButton的组互斥机制与双向绑定共同作用导致的：

• RadioButton的GroupName会强制组内同一时间只有一个按钮处于选中状态。
• 默认情况下IsChecked绑定是双向模式，当切换DataGrid选中项时，RadioButton会先同步新选中Foo的属性值，但组内互斥逻辑会立刻将未选中的RadioButton设为False，并通过双向绑定把这个False写回数据源中对应的Foo属性。
• 比如第三次选中Foo3时，UI先同步Option3=True，但此时组内之前选中的是Option1（来自Foo1），互斥逻辑会把Option3设为False，并写回Foo3的Option3属性，导致值被篡改。

提供三种可行方案，根据业务需求选择：

方案1：单向绑定（仅显示，不允许通过RadioButton修改） #

如果不需要通过右侧RadioButton修改Foo的选项属性，将绑定改为OneWay模式，阻止UI状态写回数据源：

<RadioButton GroupName="Options" 
             IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.Option1, Mode=OneWay}" 
             Content="Option 1"/>
<RadioButton GroupName="Options" 
             IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.Option2, Mode=OneWay}" 
             Content="Option 2"/>
<RadioButton GroupName="Options" 
             IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.Option3, Mode=OneWay}" 
             Content="Option 3"/>

方案2：移除GroupName，用Converter实现互斥逻辑（支持双向修改） #

如果需要支持通过RadioButton修改Foo的属性，移除GroupName，改用自定义Converter处理互斥：

1. 创建互斥Converter类 #

public class RadioButtonExclusiveConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value.ToString() == parameter.ToString();
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (bool)value ? parameter : Binding.DoNothing;
    }
}

2. 重构Foo类为枚举属性（更合理的设计） #

public enum OptionType
{
    Option1,
    Option2,
    Option3
}

public class Foo
{
    public Foo(byte _id, string _name, OptionType _selectedOption)
    { 
        ID = _id;
        Name = _name;
        SelectedOption = _selectedOption;
    }
    public byte ID { get; set; }
    public string Name { get; set; }
    public OptionType SelectedOption { get; set; }
}

3. 初始化数据 #

Foos.Add(new Foo(1, "foo 1", OptionType.Option1));
Foos.Add(new Foo(2, "foo 2", OptionType.Option2));
Foos.Add(new Foo(3, "foo 3", OptionType.Option3));

4. 修改UI绑定 #

<Window.Resources>
    <local:RadioButtonExclusiveConverter x:Key="ExclusiveConverter"/>
</Window.Resources>

<StackPanel Orientation="Vertical" >
    <RadioButton IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.SelectedOption, 
        Converter={StaticResource ExclusiveConverter}, ConverterParameter=Option1}" 
        Content="Option 1"/>
    <RadioButton IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.SelectedOption, 
        Converter={StaticResource ExclusiveConverter}, ConverterParameter=Option2}" 
        Content="Option 2"/>
    <RadioButton IsChecked="{Binding ElementName=DtgSource, Path=SelectedItem.SelectedOption, 
        Converter={StaticResource ExclusiveConverter}, ConverterParameter=Option3}" 
        Content="Option 3"/>
</StackPanel>

方案3：手动处理SelectionChanged事件（临时应急） #

如果不想修改现有数据结构，在DataGrid的SelectionChanged事件中临时禁用绑定，同步完成后再启用：

private void DtgSource_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    // 禁用所有RadioButton的双向绑定
    foreach (var child in RadioPanel.Children)
    {
        if (child is RadioButton rb)
        {
            var binding = BindingOperations.GetBinding(rb, RadioButton.IsCheckedProperty);
            if (binding != null)
            {
                binding.Mode = BindingMode.OneWay;
                BindingOperations.SetBinding(rb, RadioButton.IsCheckedProperty, binding);
            }
        }
    }

    // 强制UI同步
    DtgSource.UpdateLayout();

    // 恢复双向绑定
    foreach (var child in RadioPanel.Children)
    {
        if (child is RadioButton rb)
        {
            var binding = BindingOperations.GetBinding(rb, RadioButton.IsCheckedProperty);
            if (binding != null)
            {
                binding.Mode = BindingMode.TwoWay;
                BindingOperations.SetBinding(rb, RadioButton.IsCheckedProperty, binding);
            }
        }
    }
}

注意：需要给右侧StackPanel命名为RadioPanel。

内容的提问来源于stack exchange，提问作者tstx