Question

我正在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>

Answer 1

在ComboBox上设置IsEditable=True属性时，选择区域中的选定项目将不会呈现使用项目的DataTemplate。在这种情况下，您将拥有一个TextBox控件。此TextBox控件只能显示一个String。

因此，您需要为该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功能的字符串。

来自自动完成的WPF ComboBox SelectedItem

1 个答案: