Datagrid, Fusionner/Fusionner des lignes, des cellules et des colonnes

Je suis en train de réaliser exactement ce que cette question est de demander, mais, malheureusement, les exemples de code fournis dans la réponse est parti, et je ne suis pas non plus l'utilisation de WPF Toolkit, voici la question qu'il a fait:

Je suis en train de Fusionner des cellules dans WPF toolkit datagrid .Je suis en train de faire quelque chose comme indiqué dans l'image ci-dessous.Nous pouvons le faire en Winforms datagrid.Mais comment faire en utilisant WPF toolkit datagrid ?.Ou est-il une alternative contrôles..?

Pouvons-nous faire cela à l'aide de listview listbox ou..? Ou est-il tout gratuit
les commandes disponibles qui ont cette fonctionnalité ?

J'ai trouvé plusieurs réponses qui parviennent à le faire avec le contrôle DataGridView, mais je ne veux pas utiliser les objets de Formulaire dans un projet WPF, il est un moyen pour accomplir cette?

prntscr.com/3xzotz j'ai implémenté à l'aide de cette liste.je vais ajouter du code si vous avez besoin de cette
Serait heureux si vous pouviez le partager, peut-être en mesure d'obtenir ma tête autour de lui.

InformationsquelleAutor Steven Borges | 2014-06-30

Recource

<Window.Resources>
<Color x:Key="customBlue"  A="255"   R="54" G="95" B="177"  />
<SolidColorBrush x:Key="customBlueBrush" Color="{StaticResource customBlue}"></SolidColorBrush>
<SolidColorBrush x:Key="customBlueBrushOpacity" Color="LightGray" Opacity="0.11"></SolidColorBrush>
<Style x:Key="calcyListbox"  TargetType="ListBox">
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="OverridesDefaultStyle" Value="True"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBox">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="35"></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid Grid.Row="0" Height="30"  VerticalAlignment="Top" Background="{StaticResource customBlueBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBlock Text="Manufacturer" FontSize="14" FontFamily="Segoe Ui Dark" Foreground="White" SnapsToDevicePixels="True" HorizontalAlignment="Center" VerticalAlignment="Center" ></TextBlock>
<TextBlock Text="Name" FontSize="14" FontFamily="Segoe Ui Dark" Foreground="White" SnapsToDevicePixels="True"  HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Column="1"></TextBlock>
<TextBlock Text="CPU" FontSize="14" FontFamily="Segoe Ui Dark"  Foreground="White" SnapsToDevicePixels="True"  HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="2"></TextBlock>
<TextBlock Text="RAM" FontSize="14" FontFamily="Segoe Ui Dark"  Foreground="White" SnapsToDevicePixels="True"  HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="3"></TextBlock>
<TextBlock Text="Price" FontSize="14" FontFamily="Segoe Ui Dark"  Foreground="White" SnapsToDevicePixels="True"  HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="4"></TextBlock>
</Grid>
<Border Grid.Row="1" SnapsToDevicePixels="True"  Background="Transparent" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0">
<ScrollViewer x:Name="ScrollViewer"  Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" BorderBrush="Transparent" BorderThickness="0">
<ItemsPresenter />
</ScrollViewer>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="noStyleToListboxItem" TargetType="ListBoxItem">
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="OverridesDefaultStyle" Value="True"/>
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBoxItem">
<Border>
<ContentPresenter></ContentPresenter>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>

xaml

<ListBox  MaxHeight="300" ItemsSource="{Binding ManufacturerList}" Background="{StaticResource customBlueBrushOpacity}"  x:Name="ManufacturerListBox" ScrollViewer.VerticalScrollBarVisibility="Auto" Style="{StaticResource calcyListbox}" ItemContainerStyle="{StaticResource noStyleToListboxItem}">
<ListBox.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="4*"/>
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Company}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
<Border BorderThickness="0,0,0,1" BorderBrush="Black" ></Border>
<ListBox Grid.Column="1" BorderThickness="1,0,1,1" Background="{StaticResource customBlueBrushOpacity}" HorizontalContentAlignment="Stretch" ItemsSource="{Binding Models}">
<ListBox.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Border BorderThickness="0,0,1,0" BorderBrush="Black" Margin="-2" Grid.Column="0"></Border>
<Border BorderThickness="0,0,1,0" BorderBrush="Black" Margin="-2" Grid.Column="1"></Border>
<Border BorderThickness="0,0,1,0" BorderBrush="Black" Margin="-2" Grid.Column="2"></Border>
<TextBlock Text="{Binding Name}" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Column="0"/>
<TextBlock Text="{Binding CPU}" HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="1"/>
<TextBlock Text="{Binding Ram}" HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="2"/>
<TextBlock Text="{Binding price}" HorizontalAlignment="Center" VerticalAlignment="Center"  Grid.Column="3"/>
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

        InitializeComponent();
List<Manufacturer> ManufacturerList = new List<Manufacturer>();
ManufacturerList.Add(new Manufacturer()
{
Company = "DEll",
Models = new List<Model>(){new Model(){CPU = "T7250", Name = "Inspiron1525", price =234434 , Ram= "2048 MB" },
new Model(){CPU = "T5750", Name = "Studio 1535", price =234443 , Ram= "2048 MB" },
new Model(){CPU = "T5780", Name = "Vastro 1510", price =234434 , Ram= "2048 MB" },}
});
ManufacturerList.Add(new Manufacturer()
{
Company = "Lenovo",
Models = new List<Model>(){new Model(){CPU = "T1230", Name = "l123", price =23546454 , Ram= "1024 MB" },
new Model(){CPU = "T1230", Name = "l1423", price =2346456 , Ram= "1024 MB" },
new Model(){CPU = "T1230", Name = "ldf123", price =2344646 , Ram= "1024 MB" },}
});
ManufacturerListBox.ItemsSource = ManufacturerList;

public class Manufacturer
{
public string Company { get; set; }
public List<Model> Models { get; set; }
}
public class Model
{
public string Name { get; set; }
public string Ram { get; set; }
public double price { get; set; }
public string CPU { get; set; }
}

Datagrid, Fusionner/Fusionner des lignes, des cellules et des colonnes

Me semble bon, je n'ai pas réussi à mettre en œuvre dans un Datagrid, mais je vais l'utiliser pour créer un CustomControl avec la zone de liste et les Boutons de recréer un contrôle Datagrid. Merci pour ce grand exemple!
Je suis content que cela a aidé.

InformationsquelleAutor Heena Patil

0

D'une cellule fusionnée, de lier son Margin et de la régler à une valeur négative égale à la somme de la largeur/hauteur de l'associé cellules fusionnées - ensuite, la cellule va déborder de partout et sur les cellules voisines.
```
    <Style TargetType="DataGridCell"> 
<Setter Property="BorderThickness" Value="{{Binding BorderThickness[5], Mode=OneWay}}"/> 
<Setter Property="Margin" Value="{{Binding CellMargins[5], Mode=OneWay}}"/>
<Setter Property="Block.TextAlignment" Value="Center"/>             
</Style>
```
Les liaisons sont indexés en raison CellMargins est un ObservableCollection de Thickness. Le viewmodel est au niveau de la ligne, de sorte que chaque colonne se lie à un autre indice.

Avant cela devient downvoted, permettez-moi de dire cela peut conduire à des indésirables visual bizarreries. Obtenir que cela fonctionne parfaitement nécessite un peu de code-behind, tels que:

Des marges de la cellule' les valeurs négatives doivent être mis à jour chaque fois que la largeur d'une colonne changements, de sorte que j'ai manipulé la grille de données de LayoutUpdated événement, où j'ai réitéré à travers les colonnes, mesuré leur ActualWidths et mis à jour les marges en conséquence. Je l'ai même mise à jour le BorderThickness pour afficher/masquer les bordures de cellules que nécessaire. Désactiver la surbrillance de sélection pour les cellules qui sont "cachés" est un autre truc.

Noter que ce moyen de garder une trace de ce que les cellules (c'est à dire, la ligne qui viewmodel et de la colonne indices) vous souhaitez fusionné séparément dans le code-behind.

Cette méthode est complexe et n'est probablement pas la méthode la plus simple pour chaque situation, mais j'ai trouvé utile pour mes fins. J'avais besoin d'un Datagrid où l'utilisateur pourrait fusionner/dissocier les cellules et créer/supprimer des colonnes, similaire à Excel. En outre, je voulais rester avec DataGridTextColumns (au lieu de la coutume TemplateColums) en raison de leur fonctionnalité intégrée (reconnu clavier des commandes d'édition, copier/coller, etc.)

InformationsquelleAutor Tekito

Vous devez vous connecter pour publier un commentaire.