绑定数据网格列宽

本文关键字:网格 数据网 数据 绑定 | 更新日期: 2023-09-27 18:24:45

我有两个数据网格,每个网格有一列。第一:

<DataGrid.Columns>
   <DataGridTextColumn x:Name="FilterTextCol01" 
                       IsReadOnly="False" 
                       Width="{Binding ElementName=TextCol01, Path=ActualWidth, Mode=TwoWay}" />
</DataGrid.Columns>

第二:

<DataGridTextColumn CellStyle="{StaticResource DataGridColumnContentLeft}"
                    local:DataGridUtil.Name="TextCol01"
                    x:Name="TextCol01"
                    Header="TextCol01"
                    SortMemberPath="TextCol01"
                    Binding="{Binding TextCol01}" 
                    Width="Auto" 
                    IsReadOnly="True"/>

将第一列的宽度绑定到第二列的宽度不起作用。如果我在代码中这样做:

FilterTextCol01.Width = TextCol01.ActualWidth;

它有效。有人能告诉我为什么第一种方法不起作用吗?

绑定数据网格列宽

因为DataGrid列是抽象对象,它们不会出现在窗口的逻辑或可视化树中。您不能使用ElementName绑定它们上的属性(这些绑定不需要名称作用域)。

您可以尝试使用Sourcex:Reference,例如

{Binding Source={x:Reference TextCol01}, Path=ActualWidth}

正如H.B.所说,这个属性不在逻辑树或可视化树中。

还可以看看这种基于绑定代理的方法。

源代码

<DataGrid ItemsSource="{Binding Lines}" AutoGenerateColumns="False" >
    <DataGrid.Resources>
        <local:BindingProxy x:Key="proxy" Data="{Binding}"/>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTextColumn Header="ProductId1" Binding="{Binding Path=Result[0]}" Width="{Binding Data.Columns[0].Width, Source={StaticResource proxy}, Mode=TwoWay}" />
        <DataGridTextColumn Header="ProductId2" Binding="{Binding Path=Result[1]}" Width="{Binding Data.Columns[1].Width, Source={StaticResource proxy}, Mode=TwoWay}"/>
    </DataGrid.Columns>
</DataGrid>

class BindingProxy : Freezable
{
    //Override of Freezable
    protected override Freezable CreateInstanceCore()
    {
        return new BindingProxy();
    }
    public object Data
    {
        get { return (object)GetValue(DataProperty); }
        set { SetValue(DataProperty, value); }
    }
    public static readonly DependencyProperty DataProperty = DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));
}

public class Column : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected internal void OnPropertyChanged(string propertyname)
    {
        if (PropertyChanged != null)
            PropertyChanged(this, new PropertyChangedEventArgs(propertyname));
    }
    public DataGridLength Width
    {
        get { return m_width; }
        set { m_width = value; OnPropertyChanged("Width"); }
    }
    DataGridLength m_width;
}

另请参阅https://stackoverflow.com/a/46787502/5381620

我一直在寻找这样的东西。我找到了一个解决方案,所以我发布它是为了帮助其他人解决同样的问题。

在我的实现中,我使用自定义DataTemplate作为DataGridTextColumn的标题

因此,将Width="{Binding ActualWidth, RelativeSource={RelativeSource Mode=TemplatedParent}}"分配给用作DataGridColumnHeader的TextBlock,我可以将其Width设置为DataGridTextColumn ActualWidth