如何将字符串列表数据绑定到 WPF/WP7 中的 ListBox？

Question

我正在尝试将字符串值列表绑定到列表框，以便逐行列出它们的值。现在我用这个：

<ListBox Margin="20" ItemsSource="{Binding Path=PersonNames}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path=Id}"></TextBlock>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

但我不知道应该在文本块中放入什么，而不是 Id，因为它们都是字符串值，而不是自定义类。

它还抱怨说，当我在 MainPage 中找到 PersonNames 时，它就像 MainPage.PersonNames 一样。

我将数据上下文设置为：

DataContext="{Binding RelativeSource={RelativeSource Self}}"

我做错了吗？

Answer 1

如果项目源可枚举为字符串条目，请使用以下内容：

<TextBlock Text="{Binding}"></TextBlock> 

您可以在任何对象上使用此语法。通常，然后调用 ToString() 方法来获取值。这在许多情况下非常方便。但请注意，不会发生更改通知。

Answer 2

你应该向我们展示 PersonNames 的代码，我不确定，我理解你的问题，但也许你想像这样绑定它：

<TextBlock Text="{Binding Path=.}"/>

或

<TextBlock Text="{Binding"} />

这将绑定到列表中的当前元素。 （假设 PersonNames 是一个字符串列表）。否则，你会在列表中看到类名

Answer 3

如果简单地说你的 ItemsSource 是这样绑定的：

YourListBox.ItemsSource = new List<String> { "One", "Two", "Three" };

您的 XAML 应如下所示：

<ListBox Margin="20" Name="YourListBox">
    <ListBox.ItemTemplate> 
        <DataTemplate> 
            <StackPanel Orientation="Horizontal"> 
                <TextBlock Text="{Binding}" /> 
            </StackPanel> 
        </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

更新：

这是使用 DataContext 时的解决方案。以下代码是您将传递给页面的 DataContext 的视图模型和 DataContext 的设置：

public class MyViewModel
{
    public List<String> Items
    {
        get { return new List<String> { "One", "Two", "Three" }; }
    }
}

//This can be done in the Loaded event of the page:
DataContext = new MyViewModel();

您的 XAML 现在如下所示：

<ListBox Margin="20" ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这种方法的优点是您可以在 MyViewModel 类中放置更多属性或复杂对象，然后将它们提取到 XAML 中。例如传递一个 Person 对象列表：

public class ViewModel
{
    public List<Person> Items
    {
        get
        {
            return new List<Person>
            {
                new Person { Name = "P1", Age = 1 },
                new Person { Name = "P2", Age = 2 }
            };
        }
    }
}

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}

还有 XAML：

<ListBox Margin="20" ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path=Name}" />
                <TextBlock Text="{Binding Path=Age}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

希望这会有所帮助！ :)

Answer 4

您可以执行此操作，而无需将 TextBlock 控件显式定义为 ListBox 的一部分（除非您想要更好的格式）。触发绑定的技巧是使用ObservableCollection<string> 而不是List<string>

Window1.xaml

<ListView Width="250" Height="50" ItemsSource="{Binding MyListViewBinding}"/>

Window1.xaml.cs

public Window1()
{
   InitializeComponent();
   DataContext = this;

   // Need to initialize this, otherwise you get a null exception
   MyListViewBinding = new ObservableCollection<string>();
}

public ObservableCollection<string> MyListViewBinding { get; set; }

// Add an item to the list        
private void Button_Click_Add(object sender, RoutedEventArgs e)
{
   // Custom control for entering a single string
   SingleEntryDialog _Dlg = new SingleEntryDialog();

   // OutputBox is a string property of the custom control
   if ((bool)_Dlg.ShowDialog())
      MyListViewBinding.Add(_Dlg.OutputBox.Trim());
}