DataForm et DataTemplate

Bonjour,

J'essai de faire un DataForm dans un DataTemplate, mais cela ne fonctionne pas, je ne dois pas bien m'y prendre ...

En gros ce code fonctionne bien :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<ContentControl Grid.Row="0">
    <df:DataForm CurrentItem="{Binding Current}" CommandButtonsVisibility="None">
        <StackPanel>
            <df:DataField>
                <TextBox Text="{Binding Title, Mode=TwoWay}" />
            </df:DataField>
            <df:DataField>
                <TextBox Text="{Binding Description, Mode=TwoWay}" MinHeight="200" MaxHeight="500" />
            </df:DataField>
        </StackPanel>
    </df:DataForm>
</ContentControl>

Mais pas celui ci (la dataform est vide) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<ContentControl Grid.Row="0">
    <ContentControl.ContentTemplate>
        <DataTemplate>
            <df:DataForm CurrentItem="{Binding DataContext.Current, RelativeSource={RelativeSource Self}}" CommandButtonsVisibility="None">
                <StackPanel>
                    <df:DataField>
                        <TextBox Text="{Binding Title, Mode=TwoWay}" />
                    </df:DataField>
                    <df:DataField>
                        <TextBox Text="{Binding Description, Mode=TwoWay}" MinHeight="200" MaxHeight="500" />
                    </df:DataField>
                </StackPanel>
            </df:DataForm>
        </DataTemplate>
    </ContentControl.ContentTemplate>
</ContentControl>

J'ai raté quelque chose ?

Merci.

Me semble que ca vient de ton binding RelativeSource Self prend comme source soit meme (donc ici ton DataForm).

Tu peux au choix essayer avec TemplatedParent au lieu de Self (mais je pense pas que ca fonctionne) ou alors mettre un nom a ton ContentControl et utiliser ElementName.

TemplatedParent ne fonctionne pas ...

Et le but étant de déclarer ce datatemplate ailleurs que dans cette vue donc pas d'element name ;)

Dommage ca marchait bien quand j'utilisais l'EditTemplate de la DataForm (Cf mon autre post)

C'est bizarre que le DataContext ne soit pas repercuté sur le ContentTemplate.

Bon j'ai réussi a faire un truc qui marche avec le elementname (il faut donc que mon DataTemplate connaisse le nom de là où il sera utilisé, tant pis) mais je me retrouve à nouveau avec le problème que j'avais auparavant ... ici

Solution 1 (fonctionne parfaitement) :

Dans la child window :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<df:DataForm CurrentItem="{Binding Current}" CommandButtonsVisibility="None" >
    <StackPanel>
        <df:DataField>
            <TextBox Text="{Binding Title, Mode=TwoWay}" />
        </df:DataField>
        <df:DataField>
            <TextBox Text="{Binding Description, Mode=TwoWay}" MinHeight="200" MaxHeight="500" />
        </df:DataField>
        <df:DataField>
            <ComboBox ItemsSource="{Binding DataContext.Categories, ElementName=LayoutRoot}" 
                                    DisplayMemberPath="Name" SelectedItem="{Binding Category, Mode=TwoWay}" />
        </df:DataField>
    </StackPanel>
</df:DataForm>

Solution 2 :

Dans la child window :

Code:

<ContentControl x:Name="FormContainer" ContentTemplate="{Binding DataTemplate}" />

Ailleurs dans l'application (resource d'une autre vue) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<DataTemplate x:Key="EditForm">
    <Grid DataContext="{Binding DataContext, ElementName=LayoutRoot}">
        <df:DataForm CurrentItem="{Binding Current}" CommandButtonsVisibility="None" >
            <StackPanel>
                <df:DataField>
                    <TextBox Text="{Binding Title, Mode=TwoWay}" />
                </df:DataField>
                <df:DataField>
                    <TextBox Text="{Binding Description, Mode=TwoWay}" MinHeight="200" MaxHeight="500" />
                </df:DataField>
                <df:DataField>
                        <ComboBox ItemsSource="{Binding Source={StaticResource CategorySource}}" 
                                    DisplayMemberPath="Name" 
                        SelectedItem="{Binding Category, Mode=TwoWay}" />
                </df:DataField>
            </StackPanel>
        </df:DataForm>
    </Grid>
</DataTemplate>

Et la le bug de la Category qui se change sur de multiple éléments dans la grille revient ...

Pour info le code behind de ma child window (la propriété Categories ne sert que pour le code statique):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
public partial class Form : ChildWindow
{
    public Form()
    {
        InitializeComponent();
        DataContext = this;
    }
 
    private void OKButton_Click(object sender, RoutedEventArgs e)
    {
        if (Current is IEditableObject)
        {
            (Current as IEditableObject).EndEdit();
        }
        Current = null;
        this.DialogResult = true;
    }
 
    private void CancelButton_Click(object sender, RoutedEventArgs e)
    {
        if (Current is IEditableObject)
        {
            (Current as IEditableObject).CancelEdit();
            (Current as IEditableObject).EndEdit();
        }
        Current = null;
        this.DialogResult = false;
    }
 
    public DataTemplate DataTemplate
    {
        get { return (DataTemplate)GetValue(DataTemplateProperty); }
        set { SetValue(DataTemplateProperty, value); }
    }
 
    public static readonly DependencyProperty DataTemplateProperty =
        DependencyProperty.Register("DataTemplate", typeof(DataTemplate), typeof(Form), new PropertyMetadata(null));
 
    public object Current
    {
        get { return (object)GetValue(CurrentProperty); }
        set { SetValue(CurrentProperty, value); }
    }
 
    public static readonly DependencyProperty CurrentProperty =
        DependencyProperty.Register("Current", typeof(object), typeof(Form), new PropertyMetadata(null, new PropertyChangedCallback(CurrentChanged)));
 
 
    private static void CurrentChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
    {
        if (args.NewValue is IEditableObject)
        {
            (args.NewValue as IEditableObject).BeginEdit();
        }
 
        if (args.OldValue is IEditableObject)
        {
            (args.OldValue as IEditableObject).EndEdit();
        }
    }
 
    public ObservableCollection<Category> Categories
    {
        get { return (ObservableCollection<Category>)GetValue(CategoriesProperty); }
        set { SetValue(CategoriesProperty, value); }
    }
 
    // Using a DependencyProperty as the backing store for Categories.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty CategoriesProperty =
        DependencyProperty.Register("Categories", typeof(ObservableCollection<Category>), typeof(Form), new PropertyMetadata(null));
}

Et l'instanciation de la child window :

Code:

1
2
3
4
5
6
7
8
9
10
private void Button_Click(object sender, RoutedEventArgs e)
{
    Form form = new Form
            {
                Categories = (DataContext as TodoListViewModel).Categories as ObservableCollection<Category>,
                DataTemplate = Resources["EditForm"] as DataTemplate,
                Current = ((FrameworkElement) sender).DataContext,
            };
    form.Show();
}

Le code est pas parfaitement clean bien sûr (c'est du test pour le moment).

Je vais devenir fou je pense ... :calim2: