Discussion :

[yohann_]

Bonjour à tous,

Je suis à la recherche d'un mécanisme qui me permettrait de valider des champs de saisie (TextBox...) par rapport à certains critères logiques que je me charge d'implémenter. J'ai trouvé plein d'exemple de validation de saisie mais qui exploite à chaque fois la définition de propriétés Bindées. Hors dans mon cas mes contrôles ne sont pas bindés. Je me charge de gérer les valeurs sélectionnées lors d'une phase de validation.... et je me demande si je peux tout de même bénéficier de la gestion normalisée de l'affichage des erreurs (les belles infos bulles rouges qui s'affiches à côté des contrôles de saisie).


Suis-je clair ?
Avez-vous des idées ?

[Samuel Blanchard]

En fait je n'ai pas trouvé de manière simple de faire ce que tu demande car la gestion d'erreur est vraiment orienté Binding.

J'ai quand même réussi

crée d'abord un classe hérité de TextBox. Appelons la TextBoxEx.

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
 
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
 
namespace SilverlightApplication1
{
    public class TextBoxEx : TextBox
    {
        public TextBoxEx()
        {
        }
 
        Border border = null;
        ToolTip toolTip = null;
 
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();
 
            Grid grid = this.GetTemplateChild("RootElement") as Grid;
 
            this.border = grid.FindName("ValidationErrorElement") as Border;
 
            this.toolTip = this.border.GetValue(ToolTipService.ToolTipProperty) as ToolTip;
 
            string value = this.ErrorMessage;
 
            if (value != null)
                this.ErrorMessageChange(value);
 
            ControlTemplate template = this.ErrorTemplate;
 
            if (template != null)
                this.ErrorTemplateChange(template);
        }
 
        /// <summary>
        /// Changement de message
        /// </summary>
 
        public string ErrorMessage
        {
            get { return (string)GetValue(ErrorMessageProperty); }
            set { SetValue(ErrorMessageProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for ErrorMessage.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ErrorMessageProperty =
            DependencyProperty.Register("ErrorMessage", typeof(string), typeof(TextBoxEx), new PropertyMetadata(null,OnErrorMessageChange));
 
        /// <summary>
        /// Changement de Message
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="args"></param>
 
        private static void OnErrorMessageChange(DependencyObject sender, DependencyPropertyChangedEventArgs args)
        {
            TextBoxEx tbx = sender as TextBoxEx;
 
            tbx.ErrorMessageChange((string)args.NewValue);
        }
 
        /// <summary>
        /// Changement de message d'erreur
        /// </summary>
        /// <param name="errorMessage"></param>
 
        private void ErrorMessageChange(string errorMessage)
        {
            if (this.border == null)
                return;
 
            if (errorMessage != null)
            {
                this.toolTip.Content = errorMessage;
                this.border.Visibility = Visibility.Visible;
            }
            else
            {
                this.border.Visibility = Visibility.Collapsed;
            }
        }
 
        /// <summary>
        /// Changement de l'erreur de Template
        /// </summary>
 
        public ControlTemplate ErrorTemplate
        {
            get { return (ControlTemplate)GetValue(ErrorTemplateProperty); }
            set { SetValue(ErrorTemplateProperty, value); }
        }
 
        // Using a DependencyProperty as the backing store for ErrorTemplate.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ErrorTemplateProperty =
            DependencyProperty.Register("ErrorTemplate", typeof(ControlTemplate), typeof(TextBoxEx), new PropertyMetadata(null, OnErrorTemplateChange));
 
        /// <summary>
        /// Changement de Template
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="args"></param>
 
        private static void OnErrorTemplateChange(DependencyObject sender, DependencyPropertyChangedEventArgs args)
        {
            TextBoxEx tbx = sender as TextBoxEx;
 
            tbx.ErrorTemplateChange((ControlTemplate)args.NewValue);
        }
 
        /// <summary>
        /// Changement de message d'erreur
        /// </summary>
        /// <param name="errorMessage"></param>
 
        private void ErrorTemplateChange(ControlTemplate errorTemplate)
        {
            if (this.toolTip == null)
                return;
 
            this.toolTip.Template = errorTemplate;
        }
    }
}

Puis coté XAML il te faut la Ressource suivante que tu peux mettre dans App.XAML :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
            <ControlTemplate x:Key="ValidationToolTipTemplate" TargetType="ToolTip">
                <Grid x:Name="Root" Margin="6,0" Opacity="0" RenderTransformOrigin="0,0">
                    <Grid.RenderTransform>
                        <TranslateTransform x:Name="xform" X="-25"/>
                    </Grid.RenderTransform>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="OpenStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                                <VisualTransition GeneratedDuration="0:0:0.2" To="Open">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform">
                                            <DoubleAnimation.EasingFunction>
                                                <BackEase Amplitude=".3" EasingMode="EaseOut"/>
                                            </DoubleAnimation.EasingFunction>
                                        </DoubleAnimation>
                                        <DoubleAnimation Duration="0:0:0.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
                                    </Storyboard>
                                </VisualTransition>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Closed">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Open">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform"/>
                                    <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Border Background="#152A2E31" CornerRadius="4" Margin="4,4,-4,-4"/>
                    <Border Background="#252A2E31" CornerRadius="4" Margin="3,3,-3,-3"/>
                    <Border Background="#352A2E31" CornerRadius="4" Margin="2,2,-2,-2"/>
                    <Border Background="#452A2E31" CornerRadius="4" Margin="1,1,-1,-1"/>
                    <Border Background="#FFDC000C" CornerRadius="4"/>
                    <Border CornerRadius="4">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#66FFFFFF"/>
                                <GradientStop Color="#66000000" Offset="1"/>
                                <GradientStop Color="#00E5E5E5" Offset="0.1"/>
                                <GradientStop Color="#00161616" Offset="0.9"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <TextBlock Foreground="White" MaxWidth="250" Margin="8,4" TextWrapping="Wrap" Text="{TemplateBinding Content}" UseLayoutRounding="false"/>
                    </Border>
                </Grid>
            </ControlTemplate>

l'appel se passe comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<my:TextBoxEx Text="Hello" ErrorTemplate="{StaticResource ValidationToolTipTemplate}" ErrorMessage="Excellent !"  />

Il y peut être plus simple...

[yohann_]

Merci de la réponse !
Effectivement j'espérais quelque chose de plus simple...

Merci quand même