WPF DataGrid同步列宽度
-
03-07-2019 - |
题
我有两个WPF Toolkit DataGrids
,我想这样当用户调整第一个网格中第一列的大小时,它会调整第二个网格中第一列的大小。我已经尝试将第二个网格中的 DataGridColumn
的宽度绑定到第一个网格中的相应列,但它不起作用。我更喜欢使用所有xaml,但我也可以使用后面的代码。
<tk:DataGrid Width="100" Height="100">
<tk:DataGrid.Columns>
<tk:DataGridTextColumn x:Name="Column1" Width="50"/>
</tk:DataGrid.Columns>
</tk:DataGrid>
<tk:DataGrid Width="100" Height="100">
<tk:DataGrid.Columns>
<tk:DataGridTextColumn x:Name="Column1Copy" Width="{Binding Path=ActualWidth, ElementName=Column1}"/>
</tk:DataGrid.Columns>
</tk:DataGrid>
我也尝试绑定到 Width
而不是 ActualWidth
,但都不起作用。
非常感谢任何帮助。
解决方案
好吧,我不认为使用直接XAML是可能的,但我仍然觉得应该这样,因为 DataGridColumn
确实派生自 DependencyObject
。我确实找到了一种以编程方式进行编程的方法。我并不为此感到兴奋,但它确实有效:
DataGridColumn.WidthProperty.AddValueChanged(upperCol, delegate
{
if (changing) return;
changing = true;
mainCol.Width = upperCol.Width;
changing = false;
});
DataGridColumn.WidthProperty.AddValueChanged(mainCol, delegate
{
if (changing) return;
changing = true;
upperCol.Width = mainCol.Width;
changing = false;
});
public static void AddValueChanged(this DependencyProperty property, object sourceObject, EventHandler handler)
{
DependencyPropertyDescriptor dpd = DependencyPropertyDescriptor.FromProperty(property, property.OwnerType);
dpd.AddValueChanged(sourceObject, handler);
}
其他提示
您可以使用 DataGrid
LayoutUpdated
方法来操纵有关列宽的其他对象。
private void dataGrid1_LayoutUpdated(object sender, EventArgs e)
{
for(int i = 0 ; i < dataGrid1.Columns.Count && i < dataGrid2.Columns.Count ; ++i)
dataGrid2.Columns[i].Width = dataGrid1.Columns[i].ActualWidth;
}
我试过了:
<tk:DataGrid Width="100" Height="100" x:Name="Grid1" Grid.Column="0">
<tk:DataGrid.Columns>
<tk:DataGridTextColumn x:Name="Column1" Width="50"/>
</tk:DataGrid.Columns>
</tk:DataGrid>
<tk:DataGrid Width="100" Height="100" x:Name="Grid2" Grid.Column="1">
<tk:DataGrid.Columns>
<tk:DataGridTextColumn x:Name="Column1Copy" Width="{Binding Mode=TwoWay, Path=Columns[0].ActualWidth, ElementName=Grid1}"/>
</tk:DataGrid.Columns>
</tk:DataGrid>
但是,看起来似乎 DataGridColumn
不是从 FrameworkElement
派生而是从 DependencyObject
派生,所以以这种方式绑定不可用
如果要在XAML中绑定列Width属性,请在2 DataGrid
中绑定,而不是必须执行以下操作。
在第一个 DataGrid
中命名 DataGridTextColumn
:
<DataGrid>
<DataGrid.Columns>
<DataGridTextColumn x:Name="Col1"/>
</DataGrid.Columns>
</DataGrid>
在第二个 DataGrid
中添加一个指向上述列的 DiscreteObjectKeyFrame
作为资源,并使用以下 Binding
来您想要“链接”的
属性: DataGridTextColumn
上的Width
<DataGrid>
<DataGrid.Resources>
<DiscreteObjectKeyFrame x:Key="proxyCol1" Value="{Binding ElementName=Col1}"/>
</DataGrid.Resources>
<DataGrid.Columns>
<DataGridTextColumn Width="{Binding Path=Value.Width, Mode=TwoWay, Source={StaticResource proxyCol1}}"/>
</DataGrid.Columns>
</DataGrid>
我做了一个快速解决方案来使用附加行为,灵感来自上面的Ahmed回答。
public class DataGridWidthSyncronizerBehavior
{
public static readonly DependencyProperty SyncronizeWidthWithProperty =
DependencyProperty.RegisterAttached("SyncronizeWidthWith",
typeof(DataGrid),
typeof(DataGridWidthSyncronizerBehavior),
new UIPropertyMetadata(null, SyncronizeWidthWithChanged));
public static void SetSyncronizeWidthWith(DependencyObject target, DataGrid value)
{
target.SetValue(SyncronizeWidthWithProperty, value);
}
public static DataGrid GetSyncronizeWidthWith(DependencyObject target)
{
return (DataGrid)target.GetValue(SyncronizeWidthWithProperty);
}
private static void SyncronizeWidthWithChanged(DependencyObject obj, DependencyPropertyChangedEventArgs dpargs)
{
if (!(obj is DataGrid sourceDataGrid))
return;
if (!(sourceDataGrid.GetValue(SyncronizeWidthWithProperty) is DataGrid targetDataGrid))
return;
void Handler(object sender, EventArgs e)
{
for (var i = 0; i < sourceDataGrid.Columns.Count && i < targetDataGrid.Columns.Count; ++i)
targetDataGrid.Columns[i].Width = sourceDataGrid.Columns[i].ActualWidth;
}
sourceDataGrid.LayoutUpdated -= Handler;
sourceDataGrid.LayoutUpdated += Handler;
}
}
XAML:
<DataGrid local:DataGridWidthSyncronizerBehavior.SyncronizeWidthWith="{Binding ElementName=SyncronizedHeaderGrid}">
<DataGrid.Columns>
<DataGridTextColumn Header="Header 1"
Binding="{Binding Item1}" />
<DataGridTextColumn Header="Header 2"
Binding="{Binding Item2}"/>
<DataGridTextColumn Header="Header 3"
Binding="{Binding Item3}"/>
</DataGrid.Columns>
</DataGrid>
<DataGrid x:Name="SyncronizedHeaderGrid">
<DataGrid.Columns>
<DataGridTextColumn Header="Header 1"
Binding="{Binding Item1}" />
<DataGridTextColumn Header="Header 2"
Binding="{Binding Item2}"/>
<DataGridTextColumn Header="Header 3"
Binding="{Binding Item3}"/>
</DataGrid.Columns>
</DataGrid>
第二个DataGrids,标题和单元格宽度现在与第一个网格标题宽度同步。
我找到了这个问题的解决方案,还有一个很酷的解决方案:-) 您可以下载WPF工具包并获取DataGrid的代码。 获得代码后,您只需将DataGridColumn类更改为继承FrameworkElement而不是DependencyObject。 一旦你这样做 - 你只剩下一个问题,列的DataContext将不会被初始化,因为列不是逻辑树的一部分,将它添加到逻辑树将解决这个问题。 你可以这样做: OnColumnInitialization的位置是: private void OnColumnInitialization(对象发送者,EventArgs e) {点击 AddLogicalChild(发送者); } 现在它是逻辑树的一部分,你有相同的数据上下文,你可以使用绑定 宽度属性。 如果所有都绑定到相同的宽度 - 您可以完全同步列的宽度。 这对我有用:-) 吉利