UserControl 中的数据绑定问题答案

【问题标题】：Data binding issue in UserControlUserControl 中的数据绑定问题
【发布时间】：2013-04-12 05:34:29
【问题描述】：

我正在开发一个 execise 应用程序。我的应用采用 MVVM。我正在尝试使用两个用户控件创建一个窗口，其中一个用户控件包括一个从 viewmodel 获取其数据的数据网格。
我希望当应用程序运行时数据网格会自动填充我的默认值（私有文件）。但是有绑定错误： System.Windows.Data 错误：4：找不到与引用“ElementName = windowView”进行绑定的源。绑定表达式：路径=ActivePacket；数据项=空；目标元素是'DataGrid'（名称='dataGrid1'）；目标属性是“ItemsSource”（类型“IEnumerable”）

谢谢！

这是我的代码：

========= MainWindow.xaml =================

    <Window x:Class="Project.Abc.Try.MainWindow"
        x:Name="windowView"
        xmlns:local="clr-namespace:Project.Abc.Try"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="600">

    <Window.DataContext>
        <local:PayloadViewModel />
    </Window.DataContext>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="78*" />
            <RowDefinition Height="233*" />
        </Grid.RowDefinitions>

        <local:CmdMenuView Grid.Row="0" Margin="6,6,3,6" />
        <local:PayloadView Grid.Row="1" Margin="6,6,3,6" />
    </Grid>
</Window>

============ PayloadView.xaml ===========

    <UserControl x:Class="Project.Abc.Try.PayloadView"
             x:Name="PLview"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="199" d:DesignWidth="588" >

    <Grid Height="200" Width="580" >
        <!--<DataGrid AutoGenerateColumns="False" Height="45" HorizontalAlignment="Left" Margin="36,20,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="500" ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type Window}}, Path=ActivePacket}"> -->
        <DataGrid AutoGenerateColumns="False" Height="45" HorizontalAlignment="Left" Margin="36,20,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="500" ItemsSource="{Binding ElementName=windowView, Path=ActivePacket}">

                <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding PacketId, Mode=TwoWay}" Header="PacketID " Width="*" />
                <DataGridTextColumn Binding="{Binding PacketLength, Mode=TwoWay}" Header="PacketLength" Width="*" />
                <DataGridTextColumn Binding="{Binding Spare}" Header="Byte 6" Width="*" />
            </DataGrid.Columns>
        </DataGrid>
        <Button Content="Send" Command="{Binding Path=SendCommand}" Height="23" HorizontalAlignment="Left" Margin="310,122,0,0" Name="button1" VerticalAlignment="Top" Width="75" />
    </Grid>
</UserControl>

=================== PayloadViewModel.cs ========================

namespace Project.Abc.Try
{
    public class PayloadViewModel : ObservableObject
    {
        // ......
        private CmdPacket _activePacket;
        public CmdPacket ActivePacket
        {
            get { return _activePacket; }
            set
            {
                if (value != _activePacket)
                {
                    _activePacket = value;
                    OnPropertyChanged("ActivePacket");
                }
            }
        }
        // .........
 }

【问题讨论】：

标签： c# wpf data-binding

【解决方案1】：

您必须将DataContext 分配给您在MainWindow.xaml 中的视图：

<local:PayloadView ... DataContext="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=DataContext}" />

而在PayloadView.xaml 中，只需绑定到视图模型属性：

<DataGrid ... ItemsSource="{Binding ActivePacket}" />

【讨论】：

谢谢你，我根据你的建议修改了我的代码。绑定错误消息已经消失，但我仍然没有在 UI 上的 DataGrid 中看到任何数据。调试输出窗口始终具有“System.Windows.Data 信息：10：无法使用绑定检索值并且不存在有效的回退值；使用默认值代替。BindingExpression：Path=ActivePacket；DataItem=null；目标元素是“DataGrid”（ Name='dataGrid1'); 目标属性是 'ItemsSource' (type 'IEnumerable')"。有什么问题？
@KaiMon CmdPacket 是 Collection 类型吗？是否已初始化？请在msdn.microsoft.com/en-us/library/… 上阅读有关DataGrid.ItemsSource 的更多信息，以帮助您解决这个问题。
谢谢。我发现程序没有创建 CmdPacket 对象，因为它的构造函数设置不正确。

【解决方案2】：

一些想法... 如果除了 PayloadView 之外您不需要任何来自 PayloadViewModel 的任何东西，您可以直接在 PayloadView 的 DataContext 中绑定 PayloadViewModel，然后直接绑定到它。

<UserControl x:Class="Project.Abc.Try.PayloadView" ...>

    <UserControl.DataContext>
        <local:PayloadViewModel />
    </UserControl.DataContext>

    ...

    <DataGrid ... ItemsSource="{Binding ActivePacket}" />

    ...

</UserControl>

另外，如果您想做 MVVM，如果您还没有，您可能需要考虑使用 Caliburn.Micro。它自动将每个 View 的数据上下文绑定到其对应的 ViewModel，无需代码（即 PayloadView 将自动访问 PayloadViewModel 上的公共属性）。那么你只需要写：

<UserControl x:Class="Project.Abc.Try.PayloadView" ...>

    ...

    <DataGrid ... ItemsSource="{Binding ActivePacket}" />

    ...

</UserControl>

这里有一个很棒的 Caliburn.Micro 教程：http://www.mindscapehq.com/blog/index.php/2012/01/12/caliburn-micro-part-1-getting-started/

希望这会有所帮助。

【讨论】：