Ширина столбцов синхронизации сетки данных WPF
-
03-07-2019 - |
Вопрос
У меня есть два инструментария WPF 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
, привязка таким способом недоступна . р>
Если вы хотите связать свойство Width столбца в XAML, в 2 DataGrid
вам нужно сделать следующее.
В первой DataGrid
назовите DataGridTextColumn
:
<DataGrid>
<DataGrid.Columns>
<DataGridTextColumn x:Name="Col1"/>
</DataGrid.Columns>
</DataGrid>
Во второй DataGrid
добавьте DiscreteObjectKeyFrame
, указывающий на вышеупомянутый столбец в качестве ресурса, и используйте следующую привязку
к Свойство Width
в DataGridTextColumn
, на который вы хотите " ссылку ":
<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>
Я быстро решил эту проблему, используя прикрепленное поведение, вдохновленное ответом Ахмеда выше.
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>
Вторая сетка данных, ширина заголовка и ячейки, теперь синхронизирована с шириной заголовка первой сетки.
Я нашел решение этой проблемы и очень крутое решение :-)
Вы можете скачать инструментарий WPF и получить код DataGrid.
Когда у вас есть код, все, что вам нужно сделать, это изменить класс DataGridColumn, чтобы он наследовал FrameworkElement вместо DependencyObject.
Как только вы это сделаете - у вас останется только одна проблема, DataContext столбца не будет инициализирован, так как столбец не является частью логического дерева, добавление его в логическое дерево решит эту проблему.
Вы можете сделать это так:
Где OnColumnInitialization:
private void OnColumnInitialization (отправитель объекта, EventArgs e)
{
AddLogicalChild (отправитель);
}
Теперь, когда это часть логического дерева, у вас одинаковый контекст данных, и вы можете использовать привязку к
Свойство ширины.
Если все привязаны к одной и той же ширине - у вас есть полная синхронизация ширины ваших столбцов.
Это сработало для меня :-)
Гили