如何在XAML中为DataGrid行绑定多个UserControl至不同周几属性

嘿，这个需求我之前做酒店预订排班系统的时候刚好碰到过，给你分享个简单直接的实现思路，完全能满足你在XAML里指定每个UserControl绑定属性的需求：

核心思路：给UserControl加一个可配置的依赖属性 #

我们可以给你的自定义UserControl新增一个依赖属性，用来接收你想绑定的目标属性名（比如"Mon"、"Tue"），然后在UserControl内部根据这个属性名动态创建绑定。这样在DataGrid的每一列里，你只需要给UserControl设置这个属性就能指定绑定的日期字段了。

步骤1：给UserControl添加依赖属性 #

假设你的UserControl叫DayBookingControl，在它的后台代码里添加如下依赖属性：

public partial class DayBookingControl : UserControl
{
    // 定义依赖属性，用来接收要绑定的目标属性名
    public static readonly DependencyProperty TargetPropertyNameProperty =
        DependencyProperty.Register(
            "TargetPropertyName", 
            typeof(string), 
            typeof(DayBookingControl), 
            new PropertyMetadata(string.Empty, OnTargetPropertyNameChanged)
        );

    public string TargetPropertyName
    {
        get => (string)GetValue(TargetPropertyNameProperty);
        set => SetValue(TargetPropertyNameProperty, value);
    }

    // 属性变化时重新设置绑定
    private static void OnTargetPropertyNameChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var control = (DayBookingControl)d;
        if (string.IsNullOrEmpty(control.TargetPropertyName)) return;

        // 动态创建绑定，数据源继承自DataGridRow的DataContext（也就是每行的数据对象）
        var binding = new Binding(control.TargetPropertyName)
        {
            Source = control.DataContext,
            Mode = BindingMode.TwoWay, // 根据你的预订需求设置绑定模式，双向绑定适合编辑场景
            UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged
        };

        // 假设你的UserControl里有个核心元素（比如用来显示/编辑预订信息的控件），这里替换成你实际的元素名
        // 比如如果是TextBox，就绑定TextProperty；如果是自定义控件，绑定对应的业务属性
        control.BookingDisplayElement.SetBinding(ContentProperty, binding);
    }

    public DayBookingControl()
    {
        InitializeComponent();
    }
}

步骤2：在DataGrid的XAML中配置每个列的UserControl #

现在你可以在DataGrid的每一列里，给DayBookingControl指定TargetPropertyName来绑定对应的日期属性了：

<DataGrid x:Name="BookingGrid" AutoGenerateColumns="False" ItemsSource="{Binding BookingRows}">
    <DataGrid.Columns>
        <!-- 周一列 -->
        <DataGridTemplateColumn Header="周一">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <local:DayBookingControl TargetPropertyName="Mon" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>

        <!-- 周二列 -->
        <DataGridTemplateColumn Header="周二">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <local:DayBookingControl TargetPropertyName="Tue" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>

        <!-- 周三列 -->
        <DataGridTemplateColumn Header="周三">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <local:DayBookingControl TargetPropertyName="Wed" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>

        <!-- 周四、周五、周六、周日列重复上述结构即可 -->
    </DataGrid.Columns>
</DataGrid>

额外注意点 #

• 确保你的DataGrid每行的DataContext（也就是BookingRows里的每个数据对象）确实包含Mon、Tue、Wed这些属性；
• 如果你的UserControl需要绑定多个属性（比如不仅是预订状态，还有备注），可以扩展多个依赖属性，或者直接传递整个数据对象，然后在UserControl内部根据TargetPropertyName来选择显示对应的属性；
• 如果是MVVM模式，这种方式也完全适配，不需要改动ViewModel的结构，只需要在View层做配置即可。

我当时用这个方法搞定了每日班次的绑定，不管DataGrid有多少行，每个UserControl都会正确绑定到对应列的日期属性，亲测好用～

内容的提问来源于stack exchange，提问作者PatFromCanada