TreeView als UserControl in WPF
Frage
-
Hallo
Dank an Peter der dabei geholfen hat das mein TreeView jetzt so funktioniert wie ich wollte.
Wie schon bestimmt schon gelesen beschäftige ich mich seit Monaten schon mir den TreeView nun ist des TreeView so wie mir es gefällt, daher möchte ich dieses TreeView als UserControl erstellen damit man diesen ganzen Code nicht immer neu schreiben muss.
Ich muss dazu sagen das es mein erstes UserControl ist und ich damit keine erfährung gesammelt habe. in WinForms kenne ich das schon nur bei WPF ist alles anders und lerne es neu.
Ich hab mir nun ein WPF-Benutzersteuerelement erstellt und habe den Code eingefügt und geschaft in den UserControl anzupassen nun sollte es eigentlich passen.
Hier mal mein Code:
XAML:
<UserControl x:Class="Mezzo_TreeView.Mezzo_TreeView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:local="clr-namespace:Mezzo_TreeView" mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"> <Control.DataContext> <local:ViewModel/> </Control.DataContext> <Grid> <TreeView ItemsSource="{Binding RootItems}"> <i:Interaction.Behaviors> <local:TreeViewBehavior/> </i:Interaction.Behaviors> <TreeView.Resources> <HierarchicalDataTemplate DataType="{x:Type local:Data_Kategorie}" ItemsSource="{Binding ChildrenItems}"> <TextBlock Text="{Binding KategorieName}"/> </HierarchicalDataTemplate> </TreeView.Resources> </TreeView> </Grid> </UserControl>
und hier hab ich auch die Klasse ViewModel.cs erstellt.
using System; using System.Collections.ObjectModel; using System.ComponentModel; using System.Linq; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Interactivity; namespace Mezzo_TreeView { public class ViewModel { public ViewModel() { cvs.Source = (new Model()).GetData(0); cvs.SortDescriptions.Add(new SortDescription("KategorieReihenfolge", ListSortDirection.Ascending)); } private CollectionViewSource cvs = new CollectionViewSource(); public ICollectionView RootItems { get => cvs.View; } public Data_Kategorie Detail { set { MessageBox.Show($"KategorieNummer: {value.KategorieNummer}\nKategorieUnterNummer: {value.KategorieUnterNummer}\nKategorieName: {value.KategorieName}"); } } } internal class Model { public Model() { // Demo-Daten erzeugen //Random rnd = new Random(); //for (int i = 100; i < 1000; i++) col.Add(new Data_Kategorie(col) //{ // KategorieNummer = i, // KategorieUnterNummer = (rnd.NextDouble() > .5) ? 0 : rnd.Next(100, i), // KategorieName = $"Node {i}" //}); } // Datenspeicher internal ObservableCollection<Data_Kategorie> col = new ObservableCollection<Data_Kategorie>(); // Sicht für Root-Level internal ObservableCollection<Data_Kategorie> GetData(int levelID) => new ObservableCollection<Data_Kategorie>(col.Where((d) => d.KategorieUnterNummer == 0)); } public class Data_Kategorie { public Data_Kategorie(ObservableCollection<Data_Kategorie> data) => col = data; private ObservableCollection<Data_Kategorie> col; public int KategorieNummer { get; set; } public int KategorieUnterNummer { get; set; } public string KategorieName { get; set; } public int KategorieReihenfolge { get; set; } public ObservableCollection<Data_Kategorie> ChildrenItems { get => new ObservableCollection<Data_Kategorie>(col.Where((d) => d.KategorieUnterNummer == this.KategorieNummer)); } public bool IsExpanded { get; set; } = true; public bool IsSelected { get; set; } } public class TreeViewBehavior : Behavior<TreeView> { protected override void OnAttached() => AssociatedObject.SelectedItemChanged += AssociatedObject_SelectedItemChanged; private void AssociatedObject_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e) { var tv = sender as TreeView; if (tv == null) return; var vm = tv.DataContext as ViewModel; if (vm == null) return; vm.Detail = tv.SelectedItem as Data_Kategorie; } } }
Nun weiß ich nicht ob das Richtig so ist, wenn es anders besser wäre dann nur her damit.
Nun zu mein Thema.
Wenn man das UserControll (Mezzo_TreeView) nun in das MainWindow einfügt. Wie kann man da jetzt den TreeView befüllen?
Ich möchte das von mein MainWindow nun die Einträge in des TreeView geladen werden.
Und es wird mir bei einfügen in MainWindow dieser Fehler angezeigt.
Gruß
Mezzo
- Bearbeitet Mezzo80 Samstag, 4. Dezember 2021 20:56
Alle Antworten
-
Hi Mezzo,
auch in VB6- und in WindowsForms-Projekten war es ein guter Stil, Funktionalitäten zu kapseln. Typisch in VB6-Projekten war eine DataSorce-Klasse, die über eine GetDataMember-Methode ein Recordset für die Bindung bereitgestellt hat.In VB.NET-Projekten kann man die DataBindings-Eigenschaft nutzen, um beliebige Eigenschaft zu binden.
Wenn du den Programmcode aus VB6 nachnutzen möchtest, ist das einfach möglich, indem dieser Code in das .NET-Projekt kopiert wird. Angepasst solltendann die Objekte für die Datenhaltung (aus Recordsets werden DataTables oder besser Klassen für das EF). Etwas größerer Anpassungsaufwand erfordert die Datenklasse, insbesondere, wenn auch anstelle Recordsets besser DataTables oder EF-Klassen genutzt werden.
Ich vermute aber, dass du bisher sowohl in VB6 als auch in WindowsForms-Anwendungen nicht objektorientiert programmiert hast. Und diese Spaghetti-Code-Technologie auch versuchst in einer OOP-Umgebung umzusetzen. So wirst du immer mit einem sehr hohen Inbetriebnahme- und Wartungsaufwand rechnen müssen.
zu 1) - unklar ist, warum du ein UserControl benötigst, wenn du weiter nichts über zusätzliche Steuerelemente und Funktionen im UserControl schreibst.
zu 2) - unklar ist, warum du weiter direkt im Code des Fensters (Windows) Steuerelemente erstellen willst und nicht im XAML Damit bleibst du bei deinem chaotischen Programmierstil, der dann - wie auch deine Fragen zeigen - zu kaum beherrschbaren Problemen führen kann.
Da andere Fenster eigene Objekte sind, kannst du nicht einfach auf die Innereien in anderen Fenstern zugreifen. Du benötigst entweder einen Verweis auf das Object oder die Klasse des anderen Objektes oder deren Innereien müssen statisch sein. Das sind aber Grundlagen der objektorientierten Programmierung (OOP).
zu 3) - Im Thread TreeView mit mehreren Daten habe ich dir bereits ein Beispiel dazu gezeigt. Mein Posting im Thread vom 3.12.21 scheinst du aber nicht verinnerlicht zu haben, weil du vermutlich Teile daraus irgendwo in deinen Code kopierst hast und dann die Fehler nicht beseitigt hast.
Hier mal eine kleine Demo.
XAML des UserControls:
<UserControl x:Class="WpfControlLibrary1.Window087UC1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:WpfControlLibrary087" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"> <Grid> <TreeView Grid.Row="3" ItemsSource="{Binding RootItems}" AllowDrop="True"> <i:Interaction.Behaviors> <local:TreeViewBehavior/> <local:DragDropBehavior/> </i:Interaction.Behaviors> <TreeView.Resources> <HierarchicalDataTemplate DataType="{x:Type local:Data_Kategorie}" ItemsSource="{Binding ChildrenItems}"> <TextBlock Text="{Binding KategorieName}"/> </HierarchicalDataTemplate> </TreeView.Resources> </TreeView> </Grid> </UserControl>XAML im MainWindow:
<Window x:Class="WpfApp1.Window087" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfApp087" xmlns:data="clr-namespace:WpfControlLibrary087;assembly=WpfControlLibrary1" xmlns:uc="clr-namespace:WpfControlLibrary1;assembly=WpfControlLibrary1" mc:Ignorable="d" Title="Mezzo 6.12.21" Height="450" Width="800"> <Window.DataContext> <local:ViewModel/> </Window.DataContext> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition/> </Grid.RowDefinitions> <uc:Window087UC1 Grid.Row="3"/> <TextBox Grid.Row="0" Text="{Binding KategorieName}" HorizontalAlignment="Right" Height="23" Margin="5" TextWrapping="Wrap" Width="594"/> <Button Grid.Row="1" Content="Hinzufügen" HorizontalAlignment="Right" Margin="5" Width="594" Command="{Binding}"/> ...
Ergebnis:
--
Best Regards / Viele Grüße
Peter Fleischer (former MVP for Developer Technologies)
Homepage, Tipps, Tricks
- Bearbeitet Peter Fleischer Montag, 6. Dezember 2021 19:45
-
Hallo Peter
Ich komm irgendwie nicht klar ich sende dir mein Code
Hier eine Klassenanwendung die als DLL Datei gespeichert wird.
UserControl
<UserControl x:Class="Mezzo_TreeView.Mezzo_TreeView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:local="clr-namespace:Mezzo_TreeView" mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"> <Control.DataContext> <local:ViewModel/> </Control.DataContext> <Grid> <TreeView ItemsSource="{Binding RootItems}"> <i:Interaction.Behaviors> <local:TreeViewBehavior/> </i:Interaction.Behaviors> <TreeView.Resources> <HierarchicalDataTemplate DataType="{x:Type local:Data_Kategorie}" ItemsSource="{Binding ChildrenItems}"> <TextBlock Text="{Binding KategorieName}"/> </HierarchicalDataTemplate> </TreeView.Resources> </TreeView> </Grid> </UserControl>ViewModel.cs
using System; using System.Collections.ObjectModel; using System.ComponentModel; using System.Linq; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Interactivity; namespace Mezzo_TreeView { public class ViewModel { public ViewModel() { //cvs.Source = (new Model()).GetData(0); cvs.Source = new Model().GetData(0); cvs.SortDescriptions.Add(new SortDescription("KategorieReihenfolge", ListSortDirection.Ascending)); } private CollectionViewSource cvs = new CollectionViewSource(); public ICollectionView RootItems { get => cvs.View; } public Data_Kategorie Detail { set { MessageBox.Show($"KategorieNummer: {value.KategorieNummer}\nKategorieUnterNummer: {value.KategorieUnterNummer}\nKategorieName: {value.KategorieName}"); } } } public class Model { public void Eingabe(int EingabeKategorieNummer, int EingabeKategorieUnterNummer, string EingabeKategorieName, int EingabeKategorieReihenfolge) { col.Add(new Data_Kategorie(col) { KategorieNummer = EingabeKategorieNummer, KategorieUnterNummer = EingabeKategorieUnterNummer, KategorieName = EingabeKategorieName, KategorieReihenfolge = EingabeKategorieReihenfolge }); } public Model() { } //Datenspeicher internal ObservableCollection<Data_Kategorie> col = new ObservableCollection<Data_Kategorie>(); //Sicht für Root-Level internal ObservableCollection<Data_Kategorie> GetData(int levelID) => new ObservableCollection<Data_Kategorie>(col.Where((d) => d.KategorieUnterNummer == 0)); } public class Data_Kategorie { public Data_Kategorie(ObservableCollection<Data_Kategorie> data) => col = data; private ObservableCollection<Data_Kategorie> col; public int KategorieNummer { get; set; } public int KategorieUnterNummer { get; set; } public string KategorieName { get; set; } public int KategorieReihenfolge { get; set; } public ObservableCollection<Data_Kategorie> ChildrenItems { get => new ObservableCollection<Data_Kategorie>(col.Where((d) => d.KategorieUnterNummer == this.KategorieNummer)); } public bool IsExpanded { get; set; } = true; public bool IsSelected { get; set; } } public class TreeViewBehavior : Behavior<TreeView> { protected override void OnAttached() => AssociatedObject.SelectedItemChanged += AssociatedObject_SelectedItemChanged; private void AssociatedObject_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e) { var tv = sender as TreeView; if (tv == null) return; var vm = tv.DataContext as ViewModel; if (vm == null) return; vm.Detail = tv.SelectedItem as Data_Kategorie; } } }dann ein neues Projekt so der Verweiß auf TreeView drauf ist
MainWindow
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:uc="clr-namespace:Mezzo_TreeView;assembly=Mezzo_TreeView" xmlns:local="clr-namespace:TreeView_Test" xmlns:Mezzo_TreeView="clr-namespace:Mezzo_TreeView;assembly=Mezzo_TreeView" x:Class="TreeView_Test.MainWindow" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <uc:Mezzo_TreeView Margin="0,0,558,0"/> </Grid> </Window>MainWindow.CS
using Mezzo_TreeView; using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.ComponentModel; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace TreeView_Test { /// <summary> /// Interaktionslogik für MainWindow.xaml /// </summary> public partial class MainWindow : Window { public Model addtest = new Model(); public MainWindow() { InitializeComponent(); Datenbankabfrage(); } private void Datenbankabfrage() { // Hier kommt später die Datenbank abfrage rein. addtest.Eingabe(100, 0, "Test", 1); } } }Wie kann ich das durch .Engaben die Daten eintragen.
Und wichtig ist das ich eine Klasse habe so mir die Daten von Markierten Knoten wieder zurück gibt.
Wie setzt man das um?
Danke im Vorraus.
Gruß
Mezzo
