WPF 组合框值和显示文本

Question

我习惯做这样的事情

State.Items.Add(new ListItem { Text = "SomeState", Value = NumericIDofState });

State 是 ASP.NET 中的列表框。

如何使用 WPF ComboBox 实现相同的效果？我确实在 ComboBoxItem 对象中看到了一个名为“内容”的属性，但是如何为每个项目分配一个值而不是向用户显示的值？请帮忙。

Answer 1

WPF Combobox 有：

• SelectedValuePath 属性，指定路径 用于确定SelectedValue 值的属性 财产。它类似于 ASP.NET ListItem 的 Value 属性。
• DisplayMemberPath 定义默认模板的属性 描述如何显示数据对象。它类似于 ASP.NET ListItem 的 Text 属性。

假设您希望您的 Combobox 显示以下 KeyValuePair 对象的集合：

private static readonly KeyValuePair<int, string>[] tripLengthList = {
    new KeyValuePair<int, string>(0, "0"),
    new KeyValuePair<int, string>(30, "30"), 
    new KeyValuePair<int, string>(50, "50"), 
    new KeyValuePair<int, string>(100, "100"), 
};

您在返回该集合的视图模型中定义一个属性：

public KeyValuePair<int, string>[] TripLengthList
{
    get
    {
        return tripLengthList;
    }
}

那么，Combobox 的 XAML 将是：

<ComboBox
    SelectedValue="{Binding FilterService.TripLengthFrom, Mode=TwoWay}"
    ItemsSource="{Binding TripLengthList, Mode=OneTime}"
    SelectedValuePath="Key"
    DisplayMemberPath="Value" />

您将SelectedValuePath 和DisplayMemberPath 属性设置为Combobox 显示的对象（对应的Key 和Value）的所需属性名称。

或者，如果你真的想在后面的代码中将项目添加到Combobox，而不是使用绑定，你也可以这样做。例如：

<!--XAML-->
<ComboBox x:Name="ComboBoxFrom"
    SelectedValue="{Binding FilterService.TripLengthFrom, Mode=TwoWay}" />

// Code behind
public partial class FilterView : UserControl
{
    public FilterView()
    {
        this.InitializeComponent();

        this.ComboBoxFrom.SelectedValuePath = "Key";
        this.ComboBoxFrom.DisplayMemberPath = "Value";
        this.ComboBoxFrom.Items.Add(new KeyValuePair<int, string>(0, "0"));
        this.ComboBoxFrom.Items.Add(new KeyValuePair<int, string>(30, "30"));
        this.ComboBoxFrom.Items.Add(new KeyValuePair<int, string>(50, "50"));
        this.ComboBoxFrom.Items.Add(new KeyValuePair<int, string>(100, "100"));
    }

Answer 2

如果您只想在视图模型中公开一个简单的属性并处理视图中选项的文本，您可以执行如下简单的解决方案：

    <ComboBox SelectedValuePath="Tag" SelectedValue="{Binding YourIntProperty, Mode=TwoWay}">
        <ComboBoxItem Content="First choice" Tag="0"/>
        <ComboBoxItem Content="Second choice" Tag="1"/>
        <ComboBoxItem Content="Third choice" Tag="2"/>
    </ComboBox>

带有布尔属性的示例：

    <ComboBox SelectedValuePath="Tag" SelectedValue="{Binding IsActive, Mode=TwoWay}">
        <ComboBoxItem Content="No" Tag="False"/>
        <ComboBoxItem Content="Yes" Tag="True"/>
    </ComboBox>

类型详细的替代方案（原始示例）

下面是显式声明类型的更详细的替代方案。根据您喜欢的风格（或者某些需要它的类型），也许它更适合您。

<ComboBox SelectedValuePath="Tag" SelectedValue="{Binding YourIntProperty, Mode=TwoWay}">
    <ComboBoxItem Content="First choice">
        <ComboBoxItem.Tag>
            <sys:Int32>0</sys:Int32>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
    <ComboBoxItem Content="Second choice">
        <ComboBoxItem.Tag>
            <sys:Int32>1</sys:Int32>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
    <ComboBoxItem Content="Third choice">
        <ComboBoxItem.Tag>
            <sys:Int32>2</sys:Int32>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
</ComboBox>

带有布尔属性的示例：

<ComboBox SelectedValuePath="Tag" SelectedValue="{Binding IsActive, Mode=TwoWay}">
    <ComboBoxItem Content="No">
        <ComboBoxItem.Tag>
            <sys:Boolean>False</sys:Boolean>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
    <ComboBoxItem Content="Yes">
        <ComboBoxItem.Tag>
            <sys:Boolean>True</sys:Boolean>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
</ComboBox>

sys 命名空间声明如下：

xmlns:sys="clr-namespace:System;assembly=mscorlib"

Answer 3

查看组合的这些属性：

• DisplayMemberPath
• SelectedValuePath

Answer 4

如果您跳过 Value，那么我认为在运行时将新项目添加到 ComboBox 中非常简单。

comboBox1.Items.Add("SomeText");

comboBox1.SelectedIndex = comboBox1.Items.Count - 1;

SelectedIndex 属性设置为Items.Count-1，以便新添加的项在 ComboBox 中显示为选定项。