Validation Multi Onglets

Version imprimable

07/03/2011, 11h44
stailer

Validation Multi Onglets

Bonjour,

Je suis confronté à un problème concernant la validation mais dont les champs sont placés dans différents onglets (j'ai donc un tabcontrol avec des tabitem)

Par exemple j'ai 10 champs textbox dans le 1er onglet et 10 autres dans le second.

Le problème est que je ne peux pas valider "l'ensemble". Les contrôles de l'onglet qui n'est pas affiché ne sont pas atteignables à la validation et du coup mon validationsummary bug.

J'aimerais savoir si quelqu'un a développé déjà ce genre de problématique (la validation multi onglets donc) ?

Et si, comme dans Flex4, il y aurait une option cachée qui permet tout simplement de charger l'ensemble des composants des tabitems afin de pouvoir les atteindre, les valider et les focuser simplement.

Je sais que la seconde option est plus lourde au niveau perf mais elle a l'avantage d'être simple (aucun code) et d'arriver au but.

En vous remerciant,
07/03/2011, 12h34
Samuel Blanchard

Je ne pense pas que cette option existe. Le pb se situe a l'initialisation je pense,donc pourquoi pas instancier les usercontrols sur ton layoutroot en visibility a collapsed puis les déplacer dans tes tabitems.
07/03/2011, 15h07
stailer

Ca va être simple ;)

Bon, je mets en "résolu".. je pense de toute façon en effet qu'il n'y a pas le choix et qu'il va falloir trouver une "astuce".

La tienne est la seule que j'ai pas testé, à voir pourquoi pas.

Merci pour ta réponse,
07/03/2011, 16h55
Samuel Blanchard

Redis-nous si tu veux bien si cela fonctionne ou pas :)
21/03/2011, 09h12
stailer

Salut,

J'ai recommencé à regarder un peu mais ça va être trop compliqué : trop de contrôles dans les tabs...

L'idée que j'ai : c'est donc de développer un composant qui a le même comportement qu'un TabControl... SAUF que pour masquer et afficher les onglets, je vais jouer sur l'opacity.

Ce sera donc plus lourd mais mes contrôles seront tous accessibles en permanence et je n'aurai plus de souci avec le ValidationSummary.
21/03/2011, 09h29
Samuel Blanchard

Trop compliqué de passer les controles qu'il y a dans tes tabs dans des UserControls (1 par tab) afin de les déplacer plus simplement ?

Sinon la solution que tu proposes devrait être assez simple à mettre en place je pense.
21/03/2011, 09h37
stailer

Je vais refaire des tests mais apparemment dès qu'un control passe en collapsed ça pose problème pour le validation.

Sinon pour bien comprendre ta solution :

tu mettrais 1 usercontrol avec dedans tous les contrôles du tab1
et un autre usercontrol avec dedans tous les contrôles du tab2

Puis selon le tab sélectionné tu déplacerais un des 2 usercontrol à l'intérieur ?

C'est ça ?
21/03/2011, 10h10
Samuel Blanchard

Citation:

tu mettrais 1 usercontrol avec dedans tous les contrôles du tab1
et un autre usercontrol avec dedans tous les contrôles du tab2

Oui.

Citation:

Puis selon le tab sélectionné tu déplacerais un des 2 usercontrol à l'intérieur ?

Je pensais directement après le load de chaques usercontrols mais comme ça c'est valable aussi :)
21/03/2011, 10h28
stailer

Ok je vais tester.. ce qui m'embête c'est en mode "design" sur visual studio.
Si y a 2 onglets de 40 composants chacun ca risque d'être gênant. Mais avec ma méthode c'est pas gagné non plus.

En tous les cas je vais tester ta solution dans un 1er temps.
21/03/2011, 14h05
stailer
J'ai mis par exemple un UserControl dans ma child ou il y a le contrôle onglet.

Sur le chargement du UserControl je fais :
Code:

1 2 this.tabContentPanel2.Children.Add(this.ValidationTab2);
tabContentPanel2 = StackPanel dans le 1er tabitem
ValidationTab2 = Stackpanel qui contient les contrôles à valider

Et donc ça ne fonctionne pas car j'ai un message d'erreur :

Citation:

le contrôle appartient déjà à un autre enfant.

J'ai tenté un remove avant de faire le children.add : ça ne plante pas mais mon tabitem reste vide (ce qui me semble logique).

Je continue de chercher...

EDIT
En fait dans ma page , j'ai ajouté :
Code:

1 2 3 4 5 6 <UserControl> <Grid> // ici contrôles à valider </Grid> </UserControl>
Mais je pense que tu voulais que je crée un UserControl dans l'application et le charger dynamiquement...
Si c'est ça, le souci c'est que je vais énormément alourdir mon appli.

Cela fonctionne chez moi :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
	<Grid x:Name="LayoutRoot" Background="White">
 
 
 
		<Button x:Name="ButtonToto" Content="Toto" Opacity="0"></Button>
		<Button x:Name="ButtonTiti" Content="Titi" Opacity="0"></Button>
 
		<controls:TabControl Margin="10" d:LayoutOverrides="Width">
			<controls:TabItem x:Name="TabToto" Header="TabItem">
			</controls:TabItem>
			<controls:TabItem x:Name="TabTiti" Header="TabItem">
			</controls:TabItem>
		</controls:TabControl>		
 
	</Grid>

On enleve les boutons et on les met dans les tabItems :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
			this.LayoutRoot.Children.Remove( this.ButtonToto );
			this.LayoutRoot.Children.Remove( this.ButtonTiti );
 
			this.TabToto.Content = this.ButtonToto;
			this.TabTiti.Content = this.ButtonTiti;
 
			this.ButtonToto.Opacity = 1.0;
			this.ButtonTiti.Opacity = 1.0;
		}
    }

21/03/2011, 14h28
stailer

:oops:En effet... je faisais un Children.Add après et non Content=

En revanche concernant la validation j'ai toujours des soucis.. surtout avec ma classe perso, qui fonctionne très bien en dehors du TabControl

Bon, problème résolu définitivement : j'abandonne le TabControl :aie:

Je le simule avec l'Opacity et sur le ValidationSummary :

Code:

1
2
3
4
5
6
7
 
  if (e.Target.Control.Tag.ToString() != this.TabItemActive)
                this.SelectTab(e.Target.Control.Tag.ToString())
 
            Dispatcher.BeginInvoke(delegate { 
                VisualStateManager.GoToState(e.Target.Control, "InvalidFocused", false);
            });