我无法理解 wpf 数据绑定

Question

我的场景： wpf 表单有一个文本框和一个 wpf 工具 数据网格。 当在文本框中输入文本时，我的服务返回一个 IEnumerable 项。 我希望我的数据网格显示此服务的结果。

我尝试用谷歌搜索，但找不到头绪。 我才刚刚开始学习 WPF，大多数使用的术语我都不懂。
我认为我应该将服务的结果放入 ObservableCollection 中，毫不费力。 但后来我想以某种方式将它绑定到我的数据网格。 我怎样才能做到这一点？ 网格如何知道要生成哪些列？

Answer 1

我认为我应该将服务的结果放入 ObservableCollection 中，毫不费力。 但后来我想以某种方式将它绑定到我的数据网格。 我怎样才能做到这一点？

最简单的方法是将 DataGrid 的 ItemsSource 属性设置为 ObservableCollection。

网格如何知道要生成哪些列？

DataGrid 反映该集合中的对象，并为其找到的每个公共属性创建一个列。 有关详细信息，请参阅此处。

如果直接设置 ItemsSource 属性，那么它并不是真正的 wpf 绑定。 当我开始在 WPF 中进行数据绑定时，我发现以下三个链接很有用。

Bea Stollnitz：“{Binding}”是什么意思？
WPF 基本数据绑定常见问题解答< /a>
MSDN：数据绑定操作方法主题

Answer 2

虽然 ObservableCollection 可以用于此目的，但根据它的使用方式，您不会从中获得任何好处。 ObservableCollection 的主要功能是它实现了 INotifyCollectionChanged。 该接口的作用是提供通知机制来告诉 UI 属性已更改。 由于 ObservableCollection 已经实现了这一点，如果您将 DataGrid、ListBox、ItemsControl 等的 ItemSource 属性绑定到此类型的集合，则每当添加/删除/替换/移动/重置项目时，它将自动更新 UI。 因此，每次想要使用新的 IEnumerable 结果集更新集合时，都必须首先清除集合，然后添加新结果。

然而，在这种情况下，我会推荐另一种选择而不是 ObservableCollection。 它是使用一个叫做 ObjectDataProvider 的东西。 使用这个我们可以完全避免背后的代码，并且总体上更加干净。 因此，我们在某个地方有我们的服务，在本例中是在我的 Window.xaml.cs 中，

public class TranslationService
{
    public IEnumerable<string> Translate(string s)
    {
        return s.ToCharArray().Select(c => c.ToString());
    }
}

就像您描述的服务一样，它从文本框中获取一个字符串，并返回一个 IEnumerable。 现在，在 XAML 中我们可以使用此服务并调用它。

在窗口声明中，我们添加服务所在位置的命名空间：

 xmlns:local="clr-namespace:WpfApplication4"

现在，在我们的 Window.Resources（或 UserControl，或其他任何地方）中，我们可以引用我们的服务。 一旦我们将服务公开为资源，我们就可以创建一个 ObjectDataProvider 来公开我们希望使用的 Translate 方法。

<Window.Resources>
    <local:TranslationService x:Key="MyTranslationService" />
    <ObjectDataProvider x:Key="MyProvider"
                        ObjectInstance="{StaticResource MyTranslationService}"
                        MethodName="Translate">
        <ObjectDataProvider.MethodParameters>
            ""
        </ObjectDataProvider.MethodParameters>
    </ObjectDataProvider>
</Window.Resources>

ObjectDataProvider 是我们的服务的关键，并使用字符串参数调用 Translate 方法。 现在我们要做的就是让它响应我们的文本框。

我们可以通过使用一些 Binding 属性来做到这一点。 我们希望 TextBox 中的 TextProperty 绑定到 ObjectDataProvider，因此我们将 Source 属性设置为指向它。 在 Path 中，我们想要绑定到的 ObjectDataProvider 部分是 MethodParameter。 现在，我们将其设置为直接绑定到该属性的源，并且仅以一种方式传输，这意味着 ObjectDataProvider 的方法参数不会更新 TextBox 的文本。 最后，我们可以将 UpdateSourceTrigger 设置为 PropertyChanged，告诉绑定在对象数据提供程序中设置我们要绑定到的源，只要文本发生任何更改。

<StackPanel>
        <TextBox TextChanged="OnTextChanged"
            Text="{Binding Source={StaticResource MyProvider}, Path=MethodParameters[0], BindsDirectlyToSource=True, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged}" />
        <ListBox ItemsSource="{Binding Source={StaticResource MyProvider}}" />
    </StackPanel>

剩下的就是在 Grid 中设置 ItemsSource，或者在本例中设置一个简单的 ListBox。

关于 DataGrid 的最后一部分：
如果您使用的是 WPFToolkit 的数据网格，它确实具有可以通过属性设置的自动生成功能，并且您可以找到有关它的更多信息 此处。

Answer 3

您将网格的 DataSource（甚至 DataContext）设置为 Observable Collection。

我不熟悉该数据网格，但大多数网格都可以选择将可观察集合中类型的所有公共属性公开为列，或者在 XAML 中显式设置列布局，并且列定义的属性之一是用于列数据的对象的属性。

例如，对于 Infragistics 数据网格

                <igDP:Field Name="OrderSize" Label="Order Size">
                    <igDP:Field.Settings >
                        <igDP:FieldSettings CellWidth="75">
                            <igDP:FieldSettings.EditorStyle>
                                <Style TargetType="{x:Type Editors:ValueEditor}" >
                                    <Style.Setters>
                                        <Setter Property="Format" Value="#,##0"/>
                                    </Style.Setters>
                                </Style>
                            </igDP:FieldSettings.EditorStyle>
                        </igDP:FieldSettings>
                    </igDP:Field.Settings>
                </igDP:Field>

名称，您可以在其中设置要使用的对象的属性。

Answer 4

您的网格可以直接构建列，也可以指定您想要的列类型。 如果您观看此 视频，它会解释它。 这是针对 VS2010 的，但 VS2008 的基本原理是相同的——尽管实现略有不同，因为它不太集成。

至于如何绑定，请将保存项目的 ObservableCollection 分配给网格的 ItemsSource 属性。