Datagrid -, Merge/Kombinieren Zeilen, Zellen und Spalten

Ich versuche zu acomplish genau das, was diese Frage beantragt, aber leider ist das code-Beispiel, das war als Antwort ist Weg, und ich bin auch nicht mit WPF-Toolkit, hier ist die Frage, die er Tat:

Ich versuche, Zusammenführen von Zellen im WPF-toolkit datagrid .Ich bin versucht, etwas zu tun, wie im Bild unten gezeigt.Wir können dies tun, in Winforms datagrid.Aber wie dies zu tun ist die Verwendung von WPF toolkit datagrid ?.Oder gibt es irgendeine alternative steuert..?

Können wir machen das mit listview oder listbox..? Oder ist es kostenlos
Steuerelemente zur Verfügung, die diese Funktionalität ?

Fand ich mehrere Antworten, die das geschafft haben mit dem DataGridView-Steuerelement, aber ich will nicht zu verwenden, Bilden Objekte in einem WPF-Projekt, gibt es eine Möglichkeit zu acomplish das?

prntscr.com/3xzotz habe ich umgesetzt, dies mit listbox.ich werde fügen Sie code hinzu, falls Sie dies benötigen
Würde mich freuen wenn Ihr es teilen, in der Lage sein könnte, um meinen Kopf herum.

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 -, Merge/Kombinieren Zeilen, Zellen und Spalten

Sieht gut aus für mich, ich schaffte es nicht, dies umzusetzen in ein Datagrid, aber ich werde diese erstellen ein CustomControl mit dem Listenfeld Schaltflächen und erstellen Sie ein Datagrid. Danke für dieses tolle Beispiel!
Ich bin froh, dass es geholfen hat.

InformationsquelleAutor Heena Patil

0

Für eine verbundene Zelle, binden seine Margin und es auf einen negativen Wert, der gleich der Summe der Breite/Höhe der verbundenen Zellen zusammengeführt - dann die Zelle wird verschütten über und auf der Oberseite der benachbarten Zellen.
```
    <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>
```
Sind die Bindungen indiziert, weil CellMargins ist ein ObservableCollection von Thickness. Das viewmodel ist die Zeile-Ebene, so dass jede Spalte bindet an einen anderen index.

Bevor diese bekommt downvoted, lassen Sie mich sagen, dies kann dazu führen, dass einige unerwünschte visuelle Macken. Immer diese perfekt arbeiten erfordert ein bisschen code-hinter, wie:

Die Zelle Margen " negative Werte müssen aktualisiert werden, wenn sich eine Spaltenbreite ändert, so behandelte ich die datagrid - LayoutUpdated event, wo ich Durchlaufen der Spalten, gemessen Ihrer aktuellen ActualWidths und aktualisiert die Ränder entsprechend. Ich ebenfalls update der BorderThickness zum ein - /ausblenden Zelle Grenzen wie nötig. Deaktivieren Sie die Auswahl markieren Sie die Zellen, die das "versteckte" ist ein weiterer trick.

Hinweis: dies bedeutet, halten Sie den überblick, welche Zellen (D. H., die Zeile viewmodels und Spalte Indizes) möchten Sie zusammengeführt separat im code-behind.

Diese Methode ist kompliziert und wahrscheinlich auch nicht das einfachste für jede situation, aber ich fand es sinnvoll, für meine Zwecke. Ich brauchte eine Datagrid wo der Benutzer eine Fusion/Verschmelzung der Zellen rückgängig machen und erstellen/löschen von Spalten, Excel-ähnlichen. Außerdem wollte ich mit dem stick DataGridTextColumns (anstelle des benutzerdefinierten TemplateColums) wegen Ihrer built-in-Funktionalität (Tastatur erkannt werden edit-Kommandos mit copy/paste, etc.)

InformationsquelleAutor Tekito

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.