DataTemplate : Transformer un checkbox en 2 radiobutton

Version imprimable

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:

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

10/03/2010, 11h03
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 ?
10/03/2010, 12h00
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
10/03/2010, 12h44
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:

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
10/03/2010, 13h01
matdur

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

Merci beaucoup,

ca marche nickel avec qq ajustements

Voici le code

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
<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>

10/03/2010, 13h16
tomlev

Citation:

Envoyé par matdur

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

Intéressant ce lien :ccool:
Donc effectivement il vaut mieux passer aussi le RadioButton "Non" en binding TwoWay
11/03/2010, 16h14
royto
Petit update,

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

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