Bonjour tout le monde, j'ai un petit souci en WPF avec les treeview.
pour commencer, voilà mes classes :
using PropertyChanged;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Dynamic;
using System.Text;
namespace Forms.Models
{
[AddINotifyPropertyChangedInterface]
public class FormData
{
public string Name { get; set; }
public FieldData Field { get; set; }
}
}
using Forms.Enum;
using PropertyChanged;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Text.Json.Serialization;
using System.Windows;
namespace Forms.Models
{
[AddINotifyPropertyChangedInterface]
public class FieldData
{
public FieldData()
{
HorizontalAlignement = EnumHorizontalAlignement.Stretch;
VerticalAlignement = EnumVerticalAlignement.Stretch;
Id = Guid.NewGuid();
ForeGroundHexColor = string.Empty;
BackgroundHexColor = string.Empty;
BorderHexColor = string.Empty;
DataValueType = new ObservableCollection<EnumDataValuesType>();
fields = new ObservableCollection<FieldData>();
}
[DefaultValue("")]
public string Name { get; set; }
public Guid Id { get; set; }
public EnumTypeComponent TypeComponent { get; set; }
public EnumHorizontalAlignement HorizontalAlignement { get; set; }
public EnumVerticalAlignement VerticalAlignement { get; set; }
public EnumContentHorizontalAlignement ContentHorizontalAlignement { get; set; }
public EnumContentVerticalAlignement ContentVerticalAlignement { get; set; }
public EnumTextHorizontalAlignement TextHorizontalAlignement { get; set; }
public EnumTextVerticalAlignement TextVerticalAlignement { get; set; }
public EnumSpaceType HorizontalSpaceType { get; set; }
public EnumSpaceType VerticalSpaceType { get; set; }
public ObservableCollection<EnumDataValuesType> DataValueType { get; set; }
public EnumFontWeight FontWeight { get; set; }
public EnumFontSize FontSize { get; set; }
[DefaultValue(0)]
public int RowIndex { get; set; }
[DefaultValue(0)]
public int RowSpan { get; set; }
[DefaultValue(0)]
public int ColumnIndex { get; set; }
[DefaultValue(0)]
public int ColumnSpan { get; set; }
[DefaultValue(1.0)]
public double HorizontalSpaceUsage { get; set; }
[DefaultValue(1.0)]
public double VerticalSpaceUsage { get; set; }
[DefaultValue("")]
public string BackgroundHexColor { get; set; }
[DefaultValue("")]
public string ForeGroundHexColor { get; set; }
[DefaultValue("")]
public string BorderHexColor { get; set; }
public Thickness Margin { get; set; }
public Thickness BorderThickness { get; set; }
private ObservableCollection<FieldData> fields;
public ObservableCollection<FieldData> Fields
{
get
{
if (fields == null) fields = new ObservableCollection<FieldData>();
return fields;
}
set => fields = value;
}
private DataValues data;
public DataValues Data
{
get
{
if (data == null) data = new DataValues();
return data;
}
set => data = value;
}
public bool ShouldSerializeFields()
{
return Fields.Count > 0;
}
public bool ShouldSerializeData()
{
return
Data.BoolValue != default ||
Data.ByteValue != default ||
Data.DateValue != default ||
Data.FloatValue != default ||
Data.GroupValue != default ||
Data.IntValue != default ||
(Data.StringValue != default && !string.IsNullOrEmpty(Data.StringValue));
}
public override string ToString()
{
return Name;
}
}
}
Comme on peut le voir, FormData posséde un propriété de type fieldata, qui lui se contient de manière récursive,
je souhaiterai afficher le treeview de la manière suivante :
Formdata
-----Field(champs unique de formdata)
----------Fields(champ issu de Field)
---------------Fields....(Champs par récursion)
et ça c'est ma fenètre :
behind
using Forms.Models;
using Forms.Tools;
using Newtonsoft.Json;
using PropertyChanged;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Text.Json;
using System.Threading;
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.Shapes;
namespace Forms
{
[AddINotifyPropertyChangedInterface]
public partial class FormsGenerator : Window
{
GeneratorHelpers generator = new GeneratorHelpers();
public FormData Formulaire { get; set; }
public ObservableCollection<FormData> ListeFormulaire { get; set; }
private void Window_Loaded(object sender, RoutedEventArgs e)
{
Formulaire = generator.GenerateData();
generator.GenerateGrid(Formulaire.Field, GridRendu);
ListeFormulaire = new ObservableCollection<FormData>() { Formulaire, new FormData() { Name = "test" } };
}
private void Button_Click(object sender, RoutedEventArgs e)
{
ClearGrid();
generator.GenerateGrid(Formulaire.Field, GridRendu);
}
private void ClearGrid()
{
GridRendu.Children.Clear();
GridRendu.ColumnDefinitions.Clear();
GridRendu.RowDefinitions.Clear();
}
private void ButtonAddChildren_Click(object sender, RoutedEventArgs e)
{
FieldData field = (sender as Button).DataContext as FieldData;
var child = new FieldData() { Name = "Unknow" };
field.Fields.Add(child);
}
private void ButtonRemoveChildren_Click(object sender, RoutedEventArgs e)
{
}
}
}
Xaml
<Window x:Class="Forms.FormsGenerator"
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:Models="clr-namespace:Forms.Models"
xmlns:UserControls="clr-namespace:Forms.UserControls"
xmlns:local="clr-namespace:Forms"
mc:Ignorable="d"
Title="FormsGenerator" Height="1080" Width="1920" WindowState="Maximized" Loaded="Window_Loaded"
x:Name="CurrentWindow">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.75*"/>
<ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" x:Name="gridJson" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TreeView Grid.Row="0" x:Name="TreeViewField" Margin="10" ItemsSource="{Binding ElementName=CurrentWindow,Path=ListeFormulaire,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">
<TreeView.ItemTemplate>
<HierarchicalDataTemplate DataType="{x:Type Models:FormData}" >
<TextBlock Text="{Binding Name}"/>
<HierarchicalDataTemplate.ItemTemplate>
<HierarchicalDataTemplate DataType="{x:Type Models:FieldData}" ItemsSource="{Binding Field}">
<TextBlock Text="{Binding Name}"/>
<HierarchicalDataTemplate.ItemTemplate>
<HierarchicalDataTemplate DataType="{x:Type Models:FieldData}" ItemsSource="{Binding Fields,UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" >
<TextBlock Text="{Binding Name}"/>
</HierarchicalDataTemplate>
</HierarchicalDataTemplate.ItemTemplate>
</HierarchicalDataTemplate>
</HierarchicalDataTemplate.ItemTemplate>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>
<UserControls:UserControlEditFormData Grid.Row="1" DataContext="{Binding ElementName=TreeViewField,Path=SelectedItem}"/>
</Grid>
<Grid Grid.Column="1" Background="#2980b9">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid Margin="20" Grid.Row="0" x:Name="GridRendu"/>
<Button Grid.Row="1" Content="Generer rendu" Width="200" HorizontalAlignment="Right" Margin="10" Height="30" Click="Button_Click"/>
</Grid>
</Grid>
</Window>
Je pensais avoir trouvé la solution avec ça : https://stackoverflow.com/questions/23896442/multiple-hierarchicaldatatemplate
mais c'est visiblement une mauvaise pioche... des idées ?