Discussion :

[royto]

Bonjour,

pour mon projet j'ai besoin de remplacer des checkbox par 2 radiobouton (1 pour oui et 1 pour non).

Pour cela j'ai fait un style qui redéfini le template de mon checkbox avec 2 radiobutton.

L'affichage est ok mais je n'arrive pas a récupérer le changement de valeur ni a sélectionner le radiobutton en fonction de la valeur de mon bool a l'initialisation.

Voici le code que j'utilise :

Code :

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
 
<Style x:Key="{x:Type CheckBox}" TargetType="CheckBox">
        <Setter Property="SnapsToDevicePixels" Value="true"/>
        <Setter Property="OverridesDefaultStyle" Value="true"/>
        <Setter Property="FocusVisualStyle" Value="{StaticResource CheckBoxFocusVisual}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="CheckBox">
                     <StackPanel Orientation="Horizontal">
                        <ContentPresenter Margin="4,0,0,0"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Left"
                            RecognizesAccessKey="True"/>
                        <RadioButton Margin="2" x:Name="Yes" IsChecked="{TemplateBinding IsChecked}">Oui</RadioButton>
                        <RadioButton Margin="2" x:Name="No" IsChecked="{TemplateBinding IsChecked, Converter={StaticResource OppositeBoolConverter}}>Non</RadioButton>
                    </StackPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="Yes" Property="IsEnabled" Value="false" />
                            <Setter TargetName="No" Property="IsEnabled" Value="false" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Merci

[Samuel Blanchard]

Bonjour,

Le comportement du Checkbox et du RadioButton n'est pas vraiment le même.

Pourquoi ne pas remplacer physiquement le checkbox par le radiobutton plutot que de passer par un Style ?

Peut-être ai-je mal compris ton problème ?

[royto]

ben, je veux mapper sur un booléen ==> checkbox

mais mon client veut 2 radio buttons ==> Oui / Non

Donc je voulais passer par un style pour facilement revenir a une checkbox si besoin

APres si c'est pas possible j'utiliserais 2 radio button

[tomlev]

Le problème, c'est qu'il faudrait que ton Binding soit en mode TwoWay, et avec TemplateBinding on ne peut pas le préciser. A la place, il faut utiliser un Binding normal, avec TemplatedParent comme RelativeSource :

Code XML :

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

1
2
3
    <RadioButton Margin="2"
                 x:Name="Yes"
                 IsChecked="{Binding IsChecked, Mode=TwoWay, RelativeSource={x:Static RelativeSource.TemplatedParent}}">Oui</RadioButton>

J'ai testé, ça marche nickel.

Pour le RadioButton "non", tu peux le laisser comme il est

[matdur]

Attention il y a problème de binding sur les RadioButton : http://geekswithblogs.net/claraoscur...17/125901.aspx

[royto]

Merci beaucoup,

ca marche nickel avec qq ajustements

Voici le code

Code :

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
<Style x:Key="{x:Type CheckBox}" TargetType="CheckBox">
        <Style.Resources>
            <converter:OppositeBoolToBoolConverter x:Key="OppositeBoolConverter" />
        </Style.Resources>
        <Setter Property="SnapsToDevicePixels" Value="true"/>
        <Setter Property="OverridesDefaultStyle" Value="true"/>
        <Setter Property="FocusVisualStyle"	Value="{StaticResource CheckBoxFocusVisual}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="CheckBox">
                     <StackPanel Orientation="Horizontal">
                        <ContentPresenter Margin="4,0,0,0"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Left"
                            RecognizesAccessKey="True"/>
                        <RadioButton Margin="2" x:Name="Yes" IsChecked="{Binding IsChecked, Mode=TwoWay, RelativeSource={x:Static RelativeSource.TemplatedParent}}">Oui</RadioButton>
                        <RadioButton Margin="2" x:Name="No" IsChecked="{Binding IsChecked, Mode=TwoWay, RelativeSource={x:Static RelativeSource.TemplatedParent}, Converter={StaticResource OppositeBoolConverter}}">Non</RadioButton> 
                    </StackPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="Yes" Property="IsEnabled" Value="false" />
                            <Setter TargetName="No" Property="IsEnabled" Value="false" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

[tomlev]

Attention il y a problème de binding sur les RadioButton : http://geekswithblogs.net/claraoscur...17/125901.aspx

Intéressant ce lien
Donc effectivement il vaut mieux passer aussi le RadioButton "Non" en binding TwoWay

[royto]

Petit update,

pour pouvoir utiliser la commande du checkbox j'ai rajouté ce code sur chaque radiobutton

Code :

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

1
2
 
<RadioButton Command="{Binding Command, RelativeSource={x:Static RelativeSource.TemplatedParent}}" ... />