Détermination de Radiobutton vérifié à partir de la zone de groupe dans WPF après MVVM

J'ai une zone de groupe avec certains composants radiobutton. Comment puis-je obtenir à connaître celui qui est cochée? Je suis en utilisant WPF et à la suite de MVVM.

<GroupBox Name="grpbx_pagerange" Header="Print Range">
    <Grid >
        <RadioButton Name="radbtn_all" Content="All Pages" GroupName="radios_page_range" IsChecked="True"  />
        <RadioButton x:Name="radbtn_curr" Content="Current Page" GroupName="radios_page_range"  />
        <RadioButton Name="radbtn_pages" Content="Page Range" GroupName="radios_page_range" />

        ....

</GroupBox>

Maintenant, d'une façon que je pouvais comprendre a été de lier chaque composant RadioButton est IsChecked de la Propriété de certains biens dans le ViewModel et puis faire des if..else sorte de logique dans mon ViewModel pour comprendre le radiobutton sélectionné.

Mais Est-il une autre manière élégante?

source d'informationauteur Bhramar

c#groupbox mvvm radio-button wpf

27

vous pouvez lier RadioButton.Command de composants radiobutton à une commande de votre ViewModel et d'envoyer un unique CommandParameter pour identifier le bouton qui a appelé la commande dans commandhandler.
```
<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio1"/>
<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio2"/>
<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio3"/>
```
dans le gestionnaire de commande vérifier les paramètre pour identifier le composant radiobutton.

Grâce

Vous pouvez créer un enum qui contient les valeurs de la RadioButton objets comme des noms (à peu près) et puis de lier la IsChecked propriété d'une propriété de type de cette enum à l'aide d'un EnumToBoolConverter.

public enum Options
{
    All, Current, Range
}

Puis dans votre modèle d'affichage ou de code derrière:

private Options options = Options.All; //set your default value here

public Options Options
{ 
    get { return options; }
    set { options = value; NotifyPropertyChanged("Options"); }
}

Ajouter le Converter:

[ValueConversion(typeof(Enum), typeof(bool))]
public class EnumToBoolConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null || parameter == null) return false;
        string enumValue = value.ToString();
        string targetValue = parameter.ToString();
        bool outputValue = enumValue.Equals(targetValue, StringComparison.InvariantCultureIgnoreCase);
        return outputValue;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null || parameter == null) return null;
        bool useValue = (bool)value;
        string targetValue = parameter.ToString();
        if (useValue) return Enum.Parse(targetType, targetValue);
        return null;
    }
}

Puis enfin, ajouter les liaisons dans l'INTERFACE utilisateur, le bon ConverterParameter:

<RadioButton Content="All Pages" IsChecked="{Binding Options, Converter={
    StaticResource EnumToBoolConverter}, ConverterParameter=All}" />
<RadioButton Content="Current Page" IsChecked="{Binding Options, Converter={
    StaticResource EnumToBoolConverter}, ConverterParameter=Current}" />
<RadioButton Content="Page Range" IsChecked="{Binding Options, Converter={
    StaticResource EnumToBoolConverter}, ConverterParameter=Range}" />

Maintenant, vous pouvez dire qui est en regardant le Options variable dans votre modèle d'affichage ou de code derrière. Vous serez également en mesure de définir les bagages RadioButton par la définition de la Options propriété.

Il y a un autre MVVM façon de résoudre ce problème à l'aide de la Propriété IsChecked

Voici le code XAML

<Page>
<Page.Resources>
<DataTemplate x:Key="ChoiceItemTemplate">
<RadioButton Content="{Binding individualRadioButtonText}"
     IsTabStop="True"
     GroupName="choice"
     IsChecked="{Binding IsChecked, Mode=TwoWay}"/>
 </DataTemplate>
</Page.Resources>


 <StackPanel>
  <TextBlock Text="{Binding ChoiceQuestion}" />
 <ItemsControl  ItemsSource="{Binding ListOfAnswerOptions}"
                ItemTemplate="{StaticResource ChoiceItemTemplate}" />
 </StackPanel>
</Page>

Votre modèle sera quelque chose comme ceci

 public class RadioButtonQuestion
 {
    public string ChoiceQuestion { get; set; }
    public string answer { get; set; }
    public List<AnswerOption> ListOfAnswerOptions { get; set; }
 }

 public class AnswerOption
 {
    public string individualRadioButtonText { get; set; }
    public bool IsChecked { get; set; }
 }

ViewModel va ressembler à quelque chose comme ceci (La logique de sélection)

RadioButtonQuestion r = new RadioButtonQuestion();
var selectedElement = rbuttonQuestion.answerOptions.FirstOrDefault(c => c.IsChecked);
r.answer = selectedElement.individualRadioButtonText;

Donc, si vous définissez le datacontext de la vue de ce dernier. Vous devez être en mesure de l'obtenir pour fonctionner.

Espère que cela aide.

Si vous utilisez Balise de propriété sur les boutons d'options (booléens, les entiers, les chaînes de caractères) comme dans son XAML

<StackPanel Orientation="Horizontal" Margin="10,10, 0, 0">
    <RadioButton Name="rP0" Content="Low  " Tag="0" />
    <RadioButton Name="rP1" Content="Normal" Tag="1" IsChecked="True" />
    <RadioButton Name="rP2" Content="Medium" Tag="2" />
    <RadioButton Name="rP3" Content="High" Tag="3" />
</StackPanel>

Ensuite, vous pouvez utiliser la fonction suivante pour obtenir la valeur sélectionnée (bouton)

int priority = SelectedRadioValue<int>(0, rP0, rP1, rP2, rP3);

où

public T SelectedRadioValue<T>(T defaultValue, params RadioButton[] buttons)
{
    foreach (RadioButton button in buttons)
    {
        if (button.IsChecked == true)
        {
            if (button.Tag is string && typeof(T) != typeof(string))
            {
                string value = (string) button.Tag;
                return (T) Convert.ChangeType(value, typeof(T));
            }

            return (T)button.Tag;
        }
    }

    return defaultValue;
}

-4

J'ai eu le même problème et je l'ai résolu en supprimant "GroupName" Propriété de composant Radiobutton.

Veuillez supprimer "GroupName" Bien de tous les boutons radio.
et vérifier

Vous devez vous connecter pour publier un commentaire.