c# - 自动完成的WPF ComboBox SelectedItem

我在ComboBox中实现自动完成，如下所示。自动完成工作正常。我面临的唯一问题是，我希望我的SelectedItems显示为ItemNumber[space]ItemDescription。当前，它仅在我从自动完成功能中选择时显示ItemNumber。你们能改写下面的现有代码吗？

class ItemDetails
{
    string _itemNumber;
    string _itemDescription;

    public string ItemNumber
    {
        get { return _itemNumber; }
        set { _itemNumber = value; }
    }
    public string ItemDescription
    {
        get { return _itemDescription; }
        set { _itemDescription = value; }
    }

    public ItemDetails() { }
    public ItemDetails(string itemNo, string description)
    {
        _itemNumber = itemNo;
        _itemDescription = description;
    }
}

填充材料

    private void InitMaterial()
    {
        List<ItemDetails> items = new List<ItemDetails>();

        for (int i = 0; i <= 1000; i++)
        {
            items.Add(new ItemDetails(i.ToString(), "Item " + i.ToString()));
        }

        cbo1.ItemsSource = items;
    }

XAML

<ComboBox x:Name="cboItemNoLegacy" HorizontalContentAlignment="Stretch"
      TextSearch.TextPath="MaterialNumberLegacy"
      ItemsSource="{Binding}"
      IsSynchronizedWithCurrentItem="True"
      IsEditable="True"
      SelectedItem="{Binding LegacyItemNumber, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, Mode=TwoWay, Converter={StaticResource MaterialMasterConverter}}"
      SelectionChanged="cboItemNoLegacy_SelectionChanged">
<ComboBox.ItemContainerStyle>
    <Style>
        <Setter Property="Control.Padding" Value="0"></Setter>
        <Style.Triggers>
            <Trigger Property="ComboBoxItem.IsSelected" Value="True">
                <Setter Property="ComboBoxItem.Background" Value="SkyBlue" />
            </Trigger>
        </Style.Triggers>
    </Style>
</ComboBox.ItemContainerStyle>
<ComboBox.ItemTemplate>
    <DataTemplate>
        <Grid Margin="0">
            <Border Margin="5" BorderThickness="0" BorderBrush="SteelBlue"
               CornerRadius="1">
                <Grid HorizontalAlignment="Left">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <TextBlock x:Name="tbSiteCode" FontWeight="Normal" Text="{Binding Path=ItemNumber}" Margin="0,0,7,0"></TextBlock>
                    <TextBlock Grid.Column="1" x:Name="tbSiteDesc" FontWeight="Normal" Text="{Binding Path=ItemDescription}" Margin="0,0,7,0"></TextBlock>
                </Grid>
            </Border>
        </Grid>
    </DataTemplate>
</ComboBox.ItemTemplate>

最佳答案

当您在组合框上设置IsEditable=True属性时，选择区域中的所选项目将不会呈现为使用项目的DataTemplate。在这种情况下，您将拥有一个TextBox控件。此TextBox控件只能显示一个字符串。

因此，您要做的就是为该TextBox提供一个属性，该属性具有想要显示在选择区域中的所需格式的字符串。您具有TextSearch.TextPath属性，可以指定应将Item对象中的哪个属性视为TextBox和TextSearch功能的值。

使用聚合的字符串值向您的ItemDetails类添加属性：

public string AggregatedDescription
{
    get { return String.Format("{0} {1}", ItemNumber, ItemDescription);}
}

将此属性设置为ComboBox元素TextSearch.TextPath="AggregatedDescription"

另一种解决方案（我更喜欢这种解决方案）将只是重写ItemDetails .ToString（）方法以获得所需的格式化值：

public override string ToString()
{
    return String.Format("{0} {1}", ItemNumber, ItemDescription);
}

在这种情况下，您不应指定TextSearch.TextPath属性。如果未设置，则当前所选项目的.ToString（）值将用作TextSearch功能的字符串。