将 CustomControl 绑定到 DataGrid 的数据模板内的 ObservableCollection 的项时出错答案

【问题标题】：Error binding CustomControl to Items of a ObservableCollection inside the Datatemplate of a DataGrid将 CustomControl 绑定到 DataGrid 的数据模板内的 ObservableCollection 的项时出错
【发布时间】：2019-04-08 17:31:33
【问题描述】：

我有一个 DataGrid，它有一个站点的 ObservableCollection 作为源。我有一些列在绑定到站点属性的 DataTemplate 中定义。当使用像 TextBlock 这样的内置控件时，绑定工作得很好，但我无法使用自定义控件来做到这一点。我已经看到这个错误出现在控制台中，但我不明白我必须做什么：

System.Windows.Data 错误：40：BindingExpression 路径错误：在“对象”“TestControl”（名称=“”）上找不到“端口”属性。绑定表达式：路径=端口； DataItem='TestControl'（名称=''）；目标元素是'TestControl'（名称=''）；目标属性是'CameraName'（类型'String'）

这里附上我使用的代码的sn-ps；

数据网格：

<DataGrid Name="SitesList" CanUserReorderColumns="True"  
                  ItemsSource="{Binding ViewModel.Sites}"
                  PreparingCellForEdit="DataGrid_PreparingCellForEdit" 
                  >                      
<DataGrid.Resources>
    <DataTemplate x:Key="CameraTemplate">
        <Grid>
            <hv:TestControl CameraName="{Binding Path=Port}"/>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="PortTemplate">
        <TextBox x:Name="PortTextBox"
            Text="{Binding Path=Port, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
    </DataTemplate>
</DataGrid.Resources>
<DataGrid.Columns>
    <DataGridTemplateColumn Header="Camera"
                            CellTemplate="{StaticResource CameraTemplate}"
                            MinWidth="100"/>
    <DataGridTemplateColumn Header="Port"
                            CellTemplate="{StaticResource PortTemplate}"
                            MinWidth="70"/>
</DataGrid.Columns></DataGrid>

ObservableCollection：

    private ObservableCollection<Site> m_sites = new ObservableCollection<Site>();
    public ObservableCollection<Site> Sites
    {
        get
        {
            return m_sites;
        }
        set
        {
            m_sites = value;
        }
    }

网站.cs：

namespace Wizard.View
{
    public class Site: INotifyPropertyChanged
    {
        #region properties
        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null) {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }
        private string m_port = "0";
        public string Port
        {
            get
            {
                return m_port;
            }
            set
            {
                m_port = value;
                NotifyPropertyChanged("Port");
            }
        }
        #endregion        
    }
}

TestControl.xaml.cs：

namespace Wizard.View.HelpersViews
{
    public partial class TestControl: UserControl
    {
        public TestControl()
        {
            InitializeComponent();
        }

        public string CameraName
        {
            get { return (string)GetValue(CameraNameProperty); }
            set {
                Console.WriteLine(value);
                SetValue(CameraNameProperty, value);
                CameraNameTextBlock.Text = value;
            }
        }

        public static readonly DependencyProperty CameraNameProperty =
            DependencyProperty.Register("CameraName",
                                        typeof(string),
                                        typeof(TestControl),
                                        new PropertyMetadata("0"));
    }
}

TestControl.xaml：

<UserControl
             x:Class="Wizard.View.HelpersViews.TestControl"
             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" 
             DataContext="{Binding RelativeSource={RelativeSource Self}}"
             d:DesignHeight="100" d:DesignWidth="300">
    <StackPanel Orientation="Horizontal" Height="Auto" HorizontalAlignment="Left">
        <CheckBox Margin ="5,0" Name="AddCameraCheck"
                  VerticalAlignment="Center" Style="{StaticResource ConfiguratorCheckBox}" />
        <TextBlock x:Name="CameraNameTextBlock" Width="175" Text="{Binding CameraName}" />
    </StackPanel>
</UserControl>

列端口绑定正确，但相机未绑定。

【问题讨论】：

看起来 TestControl 将其 DataContext 设置为“this”。
对不起，我忘记添加 TestControl 代码。我现在添加它。
@KlausGütter 所以 TestControl 将自己作为 DataContext 但这是否应该改变属性可以绑定的事实？你会怎么做呢？
是的，这很重要。如果 Binding 中没有给出其他 Source，WPF 将尝试在 DataContext 中解析它。一种可能的解决方案是将 DataContext 分配更深一层（即在 StackPanel 上），然后当然是 ode=FindAncestor, AncestorType={TestControl}

标签： c# wpf data-binding wpf-controls wpfdatagrid

【解决方案1】：

TestControl 中的TextBlock 应该绑定到自身的CameraName 属性：

<TextBlock x:Name="CameraNameTextBlock" Width="175" Text="{Binding CameraName, 
                                       RelativeSource={RelativeSource AncestorType=UserControl}}" />

...但是您应该删除它以使控件从DataGridRow 继承DataContext：

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

此外，依赖属性的 CLR 包装器只能调用 GetValue 和 SetValue：

public string CameraName
{
    get { return (string)GetValue(CameraNameProperty); }
    set { SetValue(CameraNameProperty, value); }
}

【讨论】：