Largeurs de colonne de synchronisation WPF DataGrid

J'en ai deux WPF Toolkit DataGridsj'aimerais donc que lorsque l'utilisateur redimensionne la première colonne de la première grille, il redimensionne la première colonne de la deuxième grille. J'ai essayé de liaison de la largeur de la DataGridColumn dans la deuxième grille à la colonne appropriée dans la première grille, mais il ne fonctionne pas. Je préfère utiliser tous les xaml, mais je suis très bien avec l'aide de code derrière.

<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>

J'ai aussi essayé de liaison à Width au lieu de ActualWidthmais aucun ne fonctionne.

Toute aide est grandement appréciée.

source d'informationauteur viggity

  1. 12

    Bien, je ne pense pas qu'il est possible d'utiliser directement le code XAML, mais je me sens toujours comme il le devrait parce que DataGridColumn ne tirent de DependencyObject. J'ai trouvé un moyen de le faire par programmation. Je ne suis pas heureux à ce sujet, mais il fonctionne:

    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);
}
  2. 4

    Vous pouvez utiliser le DataGrid LayoutUpdated méthode pour manipuler d'autres objets concernant les largeurs de colonne.

    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;
}
  3. 1

    J'ai essayé ceci:

    <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>

    Cependant, Il semble depuis DataGridColumns ne dérivent pas de FrameworkElement mais au lieu de dériver à partir de DependencyObjectla liaison de cette manière n'est pas disponible.

  4. 0

    Si vous souhaitez lier la Largeur de la colonne de la propriété dans le code XAML, 2 DataGrid's que vous avez à faire ce qui suit.

    Dans la première DataGrid nom de la DataGridTextColumn:

    <DataGrid>
    <DataGrid.Columns>
        <DataGridTextColumn x:Name="Col1"/>
    </DataGrid.Columns>
</DataGrid>

    Dans la deuxième DataGrid ajouter un DiscreteObjectKeyFrame pointant vers le ci-dessus mentionné colonne comme une ressource, et utiliser les Binding à Width bien sur la DataGridTextColumn vous voulez "link":

    <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>
  5. -2

    J'ai trouvé une solution à ce problème, et un extra cool solution 🙂
    Vous pouvez télécharger le WPF toolkit et obtenir le code de la grille de données.
    Une fois que vous avez le code, tout ce que vous avez à faire est de changer le DataGridColumn classe d'hériter FrameworkElement au lieu de DependencyObject.
    Une fois que vous le faites - vous êtes de gauche avec un seul problème, le DataContext de la colonne ne serait pas initialisé depuis que la colonne ne fait pas partie de l'arborescence logique, de l'ajouter à l'arborescence logique serait de les résoudre.
    Vous pouvez le faire comme ceci:

    Où la OnColumnInitialization est:
    private void OnColumnInitialization(object sender, EventArgs e)
    {

    AddLogicalChild(expéditeur);
    }
    Maintenant que c'est une partie de l'arborescence logique, vous avez le même contexte de données et vous pouvez utiliser la liaison sur le
    La largeur de la propriété.
    Si tous sont liés à la même Largeur - vous avez une synchronisation de la Largeur de vos colonnes.
    Cela a fonctionné pour moi 🙂
    Gili