naviguer via tabulation dans un item de RadListBox(telerik)

**ElSpopo** · 28/01/2014, 16h58

Salut.

J'utilise la RadListBox telerik pour construire une liste assez complexe.
Chaque item de ma liste contient plusieurs textboxs ainsi qu'une autre listbox qui contient elle aussi plusieurs textbox.

j'aimerais pouvoir naviguer entre mes textbox via la touche tabulation. Mais lorsque que j'ai le focus sur une de mes textbox et que je presse la touche tabulation, c'est toute la radListBox qui perd le focus pour le passer a un autre composant.

Comment faire pour rendre possible le fait de naviguer entre les éléments à l'intérieur d'un item de radlistBox?

si dessous le code xaml de la listbox en question :

Code xaml :

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
 
<telerik:RadListBox Name="ListBoxDeclinaisons" Background="AntiqueWhite" ItemsSource="{Binding listeDeclinaison}"  >                       
	<telerik:RadListBox.ItemTemplate>
		<DataTemplate>
			<Border BorderBrush="Brown" BorderThickness="1" Margin="5">
				<Grid Background="Bisque">
					<Grid.RowDefinitions>
						<RowDefinition Height="40"></RowDefinition>
						<RowDefinition></RowDefinition>
					</Grid.RowDefinitions>
					<Grid Grid.Row="0">
						<Grid.ColumnDefinitions>
							<ColumnDefinition></ColumnDefinition>
							<ColumnDefinition Width="50"></ColumnDefinition>
						</Grid.ColumnDefinitions>
						<TextBox Name="TextBoxLibelleDeclinaison" FontSize="16" FontWeight="Bold" Text="{Binding LIBELLE}" Grid.Column="0" Margin="5"></TextBox>
						<telerik:RadButton Visibility="{Binding POSSEDE_DM, Converter={StaticResource booleanToVisibility}}" Name="ButtonDMDeclinaison" Grid.Column="1" Margin="5" Click="ButtonDMDeclinaison_Click" >DM</telerik:RadButton>
 
					</Grid>
					<Grid Grid.Row="1">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="100"></ColumnDefinition>
							<ColumnDefinition Width="100"></ColumnDefinition>
							<ColumnDefinition Width="100"></ColumnDefinition>
							<ColumnDefinition></ColumnDefinition>
 
						</Grid.ColumnDefinitions>
						<Grid.RowDefinitions>
							<RowDefinition Height="auto"></RowDefinition>
							<RowDefinition Height="auto"></RowDefinition>
							<RowDefinition Height="auto"></RowDefinition>
							<RowDefinition Height="auto"></RowDefinition>
							<RowDefinition Height="auto"></RowDefinition>
							<RowDefinition></RowDefinition>
						</Grid.RowDefinitions>
						<Label Grid.Row="0" Grid.Column="0">ID SDMO</Label>
						<TextBox Grid.Row="0" Grid.Column="1" Text="{Binding ID_SDMO}"></TextBox>
						<Label Grid.Row="1" Grid.Column="0">Code Standard</Label>
						<TextBox Grid.Row="1" Grid.Column="1" Text="{Binding CODE_STANDARD}"></TextBox>
						<Label Grid.Row="2" Grid.Column="0">Temps de Montage</Label>
						<TextBox Grid.Row="2" Grid.Column="1" Text="{Binding TEMPSMONTAGE}"></TextBox>
						<Label Grid.Row="3" Grid.Column="0">Prix TI</Label>
						<TextBox Grid.Row="3" Grid.Column="1" Text="{Binding PRIXTI}"></TextBox>
						<Label Grid.Row="4" Grid.Column="0">Jetons</Label>
						<TextBox Grid.Row="4" Grid.Column="1" Text="{Binding QUANTITE_JETON}"></TextBox>
						<Label Grid.Row="0" Grid.Column="2"><Hyperlink IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type FrameworkElement}}}"  Click="ButtonAvertissementDeclinaison_Click_1">Avertissement</Hyperlink></Label>
						<!--<telerik:RadButton Name="ButtonAvertissementDeclinaison" Click="ButtonAvertissementDeclinaison_Click_1" Grid.Row="1" Grid.Column="3">Modifier</telerik:RadButton>-->
						<Label Grid.Row="1" Grid.Column="2">
							<Hyperlink IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type FrameworkElement}}}"  Click="ButtonCommentaireDeclinaison_Click_1" >Commentaire</Hyperlink>
						</Label>
						<!--<telerik:RadButton Name="ButtonCommentaireDeclinaison" Click="ButtonCommentaireDeclinaison_Click_1"  Grid.Row="2" Grid.Column="3">Modifier</telerik:RadButton>-->
						<Label Grid.Row="2" Grid.Column="2">
							<Hyperlink IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type FrameworkElement}}}" Click="ButtonAideDeclinaison_Click_1" >Aide</Hyperlink>
						</Label>
						<Label Grid.Row="3" Grid.Column="2">
							<Hyperlink Name="HyperlinkApplicabiliteGE" IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type FrameworkElement}}}" Click="HyperlinkApplicabiliteGE_Click" >Applicabilité</Hyperlink>
						</Label>
						<!--<telerik:RadButton Name="ButtonAideDeclinaison" Click="ButtonAideDeclinaison_Click_1" Grid.Row="3" Grid.Column="3">Modifier</telerik:RadButton>-->
						<telerik:RadListBox Grid.Column="3" Grid.Row="0" Grid.RowSpan="6" ItemsSource="{Binding listeConstituants_Prix}" Margin="5,0,0,0">
							<telerik:RadListBox.ItemTemplateSelector>
								<telerik:ConditionalDataTemplateSelector>
									<telerik:DataTemplateRule Condition="CONSTITUANT.QUANTIFIABLE">
										<DataTemplate >
											<Grid >
												<Grid.ColumnDefinitions>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
												</Grid.ColumnDefinitions>
												<Label Grid.Column="0">
													<Hyperlink Name="HyperlinkConstituant" Click="HyperlinkConstituant_Click" IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type FrameworkElement}}}">
														<TextBlock Text="{Binding CONSTITUANT.LIBELLE}"></TextBlock>
													</Hyperlink>
												</Label>
												<!--<Label Grid.Column="0" Content="{Binding CONSTITUANT.LIBELLE}"></Label>-->
												<TextBox KeyboardNavigation.TabIndex="0" Name="TextBoxCoutUnitConstitDecli" Grid.Column="1" Text="{Binding COUTUNIT, UpdateSourceTrigger=PropertyChanged}"  
												 LostKeyboardFocus="TextBoxCoutUnitConstitDecli_LostKeyboardFocus_1" PreviewTextInput="TextBoxCoutUnitConstitDecli_PreviewTextInput_1"  ></TextBox>
												<TextBox KeyboardNavigation.TabIndex="1" Grid.Column="2" Name="textBoxQuantiteConstit" Text="{Binding QUANTITE,UpdateSourceTrigger=PropertyChanged }"
														 PreviewTextInput="textBoxQuantiteConstit_PreviewTextInput_1" LostKeyboardFocus="TextBoxCoutUnitConstitDecli_LostKeyboardFocus_1" ></TextBox>
												<Label Grid.Column="3" Content="{Binding CONSTITUANT.UNITE}"></Label>
											</Grid>
										</DataTemplate>
									</telerik:DataTemplateRule>
									<telerik:DataTemplateRule Condition="CONSTITUANT.QUANTIFIABLE=false">
										<DataTemplate>
											<Grid>
												<Grid.ColumnDefinitions>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
													<ColumnDefinition></ColumnDefinition>
												</Grid.ColumnDefinitions>
												<Label Grid.Column="0" Content="{Binding CONSTITUANT.LIBELLE}"></Label>
												<TextBox KeyboardNavigation.TabIndex="0" Name="TextBoxCoutUnitConstitDecli" Grid.Column="1" Text="{Binding COUTUNIT, UpdateSourceTrigger=PropertyChanged}"  
												 LostKeyboardFocus="TextBoxCoutUnitConstitDecli_LostKeyboardFocus_1" PreviewTextInput="TextBoxCoutUnitConstitDecli_PreviewTextInput_1"  ></TextBox>
											</Grid>
										</DataTemplate>
									</telerik:DataTemplateRule>
								</telerik:ConditionalDataTemplateSelector>
							</telerik:RadListBox.ItemTemplateSelector>
							<!--<telerik:RadListBox.ItemTemplate>
								<DataTemplate>
									<Grid>
										<Grid.ColumnDefinitions>
											<ColumnDefinition></ColumnDefinition>
											<ColumnDefinition></ColumnDefinition>
											<ColumnDefinition></ColumnDefinition>
											<ColumnDefinition></ColumnDefinition>
										</Grid.ColumnDefinitions>
										<Label Grid.Column="0" Content="{Binding CONSTITUANT.LIBELLE}"></Label>
										<TextBox Name="TextBoxCoutUnitConstitDecli" Grid.Column="1" Text="{Binding COUTUNIT, UpdateSourceTrigger=PropertyChanged}"  
												 LostKeyboardFocus="TextBoxCoutUnitConstitDecli_LostKeyboardFocus_1" PreviewTextInput="TextBoxCoutUnitConstitDecli_PreviewTextInput_1"  ></TextBox>
										<TextBox Grid.Column="2" Name="textBoxQuantiteConstit" Text="{Binding QUANTITE}" PreviewTextInput="textBoxQuantiteConstit_PreviewTextInput_1"></TextBox>
										<Label Grid.Column="3" Content="{Binding CONSTITUANT.UNITE}"></Label>
									</Grid>
								</DataTemplate>
							</telerik:RadListBox.ItemTemplate>-->
						</telerik:RadListBox>
					</Grid>
				</Grid>
			</Border>
		</DataTemplate>
	</telerik:RadListBox.ItemTemplate>
 
</telerik:RadListBox>

**ElSpopo** · 31/01/2014, 13h56

J'ai obtenu la réponse à ma question sur le forum Telerik, je vous en fait profiter aussi.

Il suffisait de rajouter dans le grid global du datatemplate la propriété :
KeyboardNavigation.TabNavigation="Cycle"

naviguer via tabulation dans un item de RadListBox(telerik)

Windows Presentation Foundation

Vue hybride

Discussions similaires

Partager

Partager