data-binding - Windows 8 列表框数据绑定

Question

我有一个列表框，我正在尝试使用“metro”应用程序进行数据绑定。这是我的xml：

    <ListBox x:Name="ImagesList" Margin="40" Grid.Row="1">
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Key}" />
            </StackPanel>
        </DataTemplate>
    </ListBox>

我创建了一个来源：

        List<KeyValuePair<string, string>> items = 
            new List<KeyValuePair<string, string>>();

        items.Add(new KeyValuePair<string, string>("a", "a"));
        items.Add(new KeyValuePair<string, string>("b", "b"));
        items.Add(new KeyValuePair<string, string>("c", "c"));
        this.ImagesList.ItemsSource = items;

我希望这会在我的应用程序 a、b 和 c 中创建一个文本列表

然而，相反，我为我绑定的每个元素获得了以下文本：

System.Runtime.InteropServices.CLRKeyBaluePairOmpl'2[System.String, System.String]

看起来它正在显示我正在绑定的类型的全名......我做错了什么？

Answer 1

您需要将 a 分配Converter给Binding.

将转换器作为 XAML 资源

<src:KeyValueConverter:Key="KeyConverter"/>

将绑定转换器添加到文本源

Text="{Binding Path=ItemsList, Converter={StaticResource KeyConverter}}"

示例转换器代码

public class KeyValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var kvp = (KeyValuePair)value;
        return kvp.Key;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Answer 2

我的 Xaml 也是错误的，它应该是：

 <ListBox x:Name="ImagesList" Margin="40" Grid.Row="1">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding Value}" />
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>