1、数据绑定
前台代码:
<ComboBox Height="23" HorizontalAlignment="Left" Margin="86,143,0,0" Name="comboBox1" VerticalAlignment="Top" Width="120">
</ComboBox>
后台代码:
class ProductImg //声明类
{
int id;
public int Id
{
get { return id; }
set { id = value; }
}
string img;
public string Img
{
get { return img; }
set { img = value; }
}
}
ObservableCollection<ProductImg> imgs = new ObservableCollection<ProductImg>(); //集合,即数据源
comboBox1.SelectedValuePath = "Id"; //程序内部维护的值
comboBox1.DisplayMemberPath = "Img"; //显示的内容
comboBox1.ItemsSource = imgs; //数据源
comboBox1.SelectedValue = 3; //选中的值
2、在ComboBox中显示图像
代码:
<ComboBox Height="33" HorizontalAlignment="Right" Margin="0,94,31,0" x:Name="comboBox1" VerticalAlignment="Top" Width="142" SelectedIndex="0">
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Image Source="Images/roles.png" Height="30" />
<TextBlock Text="Select a role" />
</StackPanel>
</ComboBoxItem>
<ComboBoxItem Background="LightCoral">
<StackPanel Orientation="Horizontal">
<Image Source="Images/cashier.gif" Height="30" />
<TextBlock Text="Cashier" />
</StackPanel>
</ComboBoxItem>
<ComboBoxItem Background="LightGreen">
<StackPanel Orientation="Horizontal">
<Image Source="Images/manager.gif" Height="30" />
<TextBlock Text="Manager" />
</StackPanel>
</ComboBoxItem>
</ComboBox>