如何为绑定decimal?的ComboBox添加首项空选项并解决绑定异常

咱们先拆解下你遇到的两个问题根源：

• 空项高度太矮：因为null没有可视化内容，ComboBox默认渲染时会把这个项的高度压缩到最小，自然难选中；
• 选中空项时绑定没触发：大概率是你的ViewModel里的PointsSelectedItem属性没实现INotifyPropertyChanged通知，或者绑定模式没明确设置为双向（虽然WPF的ComboBox.SelectedItem默认是双向，但显式声明更稳妥）。

下面给你推荐两种最优方案，第一种是最贴合MVVM思想、实现最简单的：

方案一：自定义ItemTemplate处理空项显示+完善ViewModel属性通知 #

第一步：完善ViewModel的属性通知 #

首先确保你的ViewModel实现INotifyPropertyChanged接口，这样选中空项时绑定才能正确触发并通知视图：

public class YourViewModel : INotifyPropertyChanged
{
    // 用于绑定的选项集合
    public ObservableCollection<decimal?> Points { get; set; }

    private decimal? _pointsSelectedItem;
    // 选中项的绑定属性，必须实现通知
    public decimal? PointsSelectedItem
    {
        get => _pointsSelectedItem;
        set
        {
            if (_pointsSelectedItem != value)
            {
                _pointsSelectedItem = value;
                OnPropertyChanged(nameof(PointsSelectedItem));
                // 这里可以添加选中后的业务逻辑，比如空项选中时的处理
            }
        }
    }

    public YourViewModel()
    {
        Points = new ObservableCollection<decimal?>();
        Points.Add(null);
        decimal myPoint = 0;
        while (myPoint <= 10)
        {
            Points.Add(myPoint);
            myPoint += 0.5m;
        }
    }

    // 实现INotifyPropertyChanged的必要代码
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

第二步：给ComboBox添加ItemTemplate自定义空项显示 #

通过DataTemplate给null项设置占位文本（比如"-- 请选择 --"），这样空项的高度就会和其他项一致，而且清晰易懂：

<ComboBox Name="cmbPoints" Margin="200,154,0,0" Width="120" VerticalAlignment="Top" Grid.Column="0" Grid.Row="3"
          ItemsSource="{Binding Points}"
          SelectedItem="{Binding PointsSelectedItem, Mode=TwoWay}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock>
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <!-- 默认显示decimal值 -->
                        <Setter Property="Text" Value="{Binding}" />
                        <!-- 当绑定值为null时，显示占位文本 -->
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding}" Value="{x:Null}">
                                <Setter Property="Text" Value="-- 请选择 --" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

这样处理后，空项不仅高度正常容易选中，选中时PointsSelectedItem会被正确设置为null，并且触发属性通知，完全符合你的需求。

方案二：用占位符值替代null（适合特殊场景） #

如果不想用DataTemplate，也可以用一个特殊的decimal值（比如-1）代替null，然后通过转换器在绑定中转成null。不过这个方案需要额外写转换器，不如方案一简洁，适合有特殊显示需求的场景：

1. 创建转换器：

public class DecimalToNullConverter : IValueConverter
{
    // 把视图的占位值(-1)转成ViewModel的null
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is decimal d && d == -1)
            return null;
        return value;
    }

    // 把ViewModel的null转成视图的占位值(-1)
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value ?? -1m;
    }
}

2. 修改ViewModel的集合初始化：

Points.Add(-1m); // 用-1代替null
decimal myPoint = 0;
while (myPoint <= 10)
{
    Points.Add(myPoint);
    myPoint += 0.5m;
}

3. 视图中引用转换器并处理显示：

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

<ComboBox Name="cmbPoints" Margin="200,154,0,0" Width="120" VerticalAlignment="Top" Grid.Column="0" Grid.Row="3"
          ItemsSource="{Binding Points}"
          SelectedItem="{Binding PointsSelectedItem, Mode=TwoWay, Converter={StaticResource DecimalToNullConverter}}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock>
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="Text" Value="{Binding}" />
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding}" Value="-1">
                                <Setter Property="Text" Value="-- 请选择 --" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

总的来说，方案一更推荐，因为直接用null表示未选择的状态，符合业务逻辑的直观性，也不需要额外的转换器代码，实现起来更简洁。

内容的提问来源于stack exchange，提问作者Álvaro García