WPF：在 XAML 中设置 ItemSource 与代码隐藏

Question

由于这是 WPF，它可能看起来有很多代码，但不要害怕，问题非常简单！

我有以下 XAML：

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:hax="clr-namespace:hax" x:Class="hax.MainWindow"
    x:Name="Window" Title="Haxalot" Width="640" Height="280">

    <Grid x:Name="LayoutRoot">
        <ListView ItemsSource="{Binding AllRoles}" Name="Hello">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Name"
                       DisplayMemberBinding="{Binding Path=FullName}"/>
                    <GridViewColumn Header="Role"
                       DisplayMemberBinding="{Binding Path=RoleDescription}"/>
                </GridView>
            </ListView.View>
        </ListView> 
    </Grid>
</Window>

我有以下代码隐藏：

using System.Collections.ObjectModel;
using System.Windows;

namespace hax
{

    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {

        public ObservableCollection<Role> AllRoles { get { return m_AllRoles; } set { m_AllRoles = value; } }
        private ObservableCollection<Role> m_AllRoles = new ObservableCollection<Role>();

        public MainWindow()
        {
            this.InitializeComponent();

            AllRoles.Add(new Role("John", "Manager"));
            AllRoles.Add(new Role("Anne", "Trainee"));
            // Hello.ItemsSource = AllRoles; // NOTE THIS ONE!
        }
    }
}

如果我将语句 Hello.ItemSource = AllRoles 注释掉，网格将不显示任何内容。当我把它放回去时，它会显示正确的内容。这是为什么呢？

Answer 1

This：

<ListView ItemsSource="{Binding AllRoles}" Name="Hello">

表示“将 ItemsSource 绑定到属性 this.DataContext.AllRoles”，其中 this 是当前元素。

Hello.ItemsSource = AllRoles;

表示“将 ItemsSource 绑定到充满角色的 ObservableCollection”，它直接执行您最初尝试执行的操作。

在 xaml 中有多种方法可以实现此目的。这是一个：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();
        var allRoles = new ObservableCollection<Role>()
        allRoles.Add(new Role("John", "Manager"));
        allRoles.Add(new Role("Anne", "Trainee"));
        this.DataContext = allRoles;
    }
}

在 xaml 中

<ListView ItemsSource="{Binding}" Name="Hello">

或者，，您可以将 AllRoles 设为窗口的公共属性

public partial class MainWindow : Window
{
    public ObservableCollection<Role> AllRoles {get;private set;}
    public MainWindow()
    {
        this.InitializeComponent();
        var allRoles = new ObservableCollection<Role>()
        allRoles.Add(new Role("John", "Manager"));
        allRoles.Add(new Role("Anne", "Trainee"));
        this.AllRoles = allRoles;
    }
}

，然后使用relativesource告诉绑定沿着逻辑树向上走到窗口，

<ListView 
  ItemsSource="{Binding AllRoles, RelativeSource={RelativeSource FindAncestor, AncestorType=Window}}" 
  Name="Hello">

这意味着“看”在我的祖先中，直到找到一个窗口，然后在窗口上查找名为 AllRoles 的公共属性”。

但最好的方法是完全跳过该死的代码隐藏并使用 MVVM 模式. 如果您正在学习，我建议您直接跳到 MVVM 模式。学习曲线很陡峭，但您可以了解有关绑定和命令的所有内容以及有关 WPF 的重要、酷炫的内容。

Answer 2

当您绑定到 WPF 中的数据源时，它会查找窗口数据上下文中名为“AllRoles”的属性。查看模型-视图-视图模型模式，了解有关 xaml 中数据绑定的更多信息。
http://msdn.microsoft.com/en-us/magazine/dd419663。 ASPX