0
我所做的是左圖顯示的效果，我有一個包含兩組數據的組合框，我想要的是當我選擇組合框中的項目時，顯示的文字將看起來像所顯示的右側圖像（在選定的項目之前添加一些前綴），例如我選擇項目''in Group A然後顯示的文字將是'A_00'，如何在我的代碼基礎上實現這個效果？ 
如何在自定義樣式的組合框中顯示替代文本
在GroupComboBoxResDic.xaml
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:helper="clr-namespace:WpfApplication3">
<!-- Main style for ComboBox -->
<Style x:Key="MyComboBox" TargetType="{x:Type ComboBox}">
<Setter Property="ItemsPanel">
<Setter.Value>
<ItemsPanelTemplate>
<WrapPanel IsItemsHost="True" Orientation="Horizontal" Width="150" Height="Auto" />
</ItemsPanelTemplate>
</Setter.Value>
</Setter>
<Setter Property="ItemTemplate">
<Setter.Value>
<DataTemplate>
<TextBlock Text="{Binding Item, Converter={StaticResource terminalToDisplayNameConverter}, Mode=OneWay}" Width="40"/>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Style for ComboBoxItem -->
<Style TargetType="{x:Type ComboBoxItem}">
<Setter Property="Width" Value="50" />
</Style>
<!-- Style for ItemContainerStyle -->
<Style x:Key="ComboBoxItemContainerStyle" TargetType="{x:Type ComboBoxItem}">
<Setter Property="IsEnabled" Value="{Binding Available}" />
</Style>
<!-- DataTemplate for HeaderTemplate -->
<DataTemplate x:Key="MyHeaderTemplate">
<Border BorderBrush="Black" BorderThickness="2">
<TextBlock Text="{Binding Name}" HorizontalAlignment="Stretch" Background="YellowGreen" />
</Border>
</DataTemplate>
</ResourceDictionary>
XAML文件
<Window x:Class="WpfApplication3.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" xmlns:my="clr-namespace:WpfApplication3">
<Window.Resources>
<ResourceDictionary Source="GroupComboBoxResDic.xaml" />
</Window.Resources>
<Grid>
<ComboBox x:Name="MyComboBox1"
Style="{StaticResource MyComboBox}"
IsSynchronizedWithCurrentItem="False"
ItemContainerStyle="{StaticResource ComboBoxItemContainerStyle}"
ItemsSource="{Binding InputsList}" Margin="293,50,104,234">
<ComboBox.GroupStyle>
<GroupStyle HeaderTemplate="{StaticResource MyHeaderTemplate}" />
</ComboBox.GroupStyle>
</ComboBox>
</Grid>
</Window>
代碼隱藏文件
public enum CategoryGroup
{
GroupA = 0,
GroupB,
}
public class CategoryItemString
{
public string Item { get; set; }
public bool Available { get; set; }
public CategoryGroup Group { get; set; }
public string Category
{
get
{
switch (Group)
{
case CategoryGroup.GroupA:
return "Group A";
case CategoryGroup.GroupB:
return "Group B";
}
return string.Empty;
}
}
public override bool Equals(object obj)
{
if (obj == null) return false;
CategoryItemString rht = obj as CategoryItemString;
if (rht == null) return false;
return rht.Item.Equals(this.Item) &&
rht.Group == this.Group;
}
}
public class VM : INotifyPropertyChanged
{
private ListCollectionView lcv;
public VM()
{
List<CategoryItemString> items = new List<CategoryItemString>();
for (int i = 0; i < 18; ++i)
{
items.Add(new CategoryItemString { Item = string.Format("{0:D2}", i), Available = (true), Group = CategoryGroup.GroupA });
}
for (int i = 0; i < 4; ++i)
{
items.Add(new CategoryItemString { Item = string.Format("{0:D2}", i), Available = (true), Group = CategoryGroup.GroupB });
}
//Need the list to be ordered by the category or you might get repeating categories
lcv = new ListCollectionView(items.OrderBy(w => w.Category).ToList());
//Create a group description
lcv.GroupDescriptions.Add(new PropertyGroupDescription("Category"));
}
public ListCollectionView InputsList
{
get { return lcv; }
set
{
if (lcv != value)
{
lcv = value;
OnPropertyChanged("InputsList");
}
}
}
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string prop)
{
if (this.PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(prop));
}
}
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
VM vm = new VM();
this.MyComboBox1.DataContext = vm;
}
}
如何改變我現有的代碼庫？ –