web-dev-qa-db-ja.com

MVVMに続くWPFのグループボックスからチェックされたラジオボタンを決定する

ラジオボタンがいくつかあるグループボックスがあります。チェックされているものを知るにはどうすればよいですか？ WPFと次の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>

今、私が理解できる1つの方法は、各RadioButtonのIsCheckedプロパティをViewModelのいくつかのプロパティにバインドしてから、ViewModelでif..elseロジックを実行して、選択したラジオボタンを理解することでした。

しかし、他にエレガントな方法はありますか？

c#wpfmvvmradio-buttongroupbox
15
Bhramar

あなたはバインドすることができますRadioButton.Command of RadiobuttonsをViewModelのコマンドに追加し、一意のCommandParameterを送信して、コマンドハンドラーでコマンドを呼び出したボタンを識別します。

<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio1"/>
<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio2"/>
<RadioButton Command="{Binding MyCommand}" CommandParameter="Radio3"/>

コマンドハンドラで、ラジオボタンを識別するパラメータを確認します。

ありがとう

30
Nitin

enumオブジェクトの値を（大まかに）名前として含むRadioButtonを作成し、IsCheckedプロパティをこのenumはEnumToBoolConverterを使用します。

public enum Options
{
    All, Current, Range
}

次に、ビューモデルまたはコードビハインドで：

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

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

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

次に、UIにバインディングを追加し、適切な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}" />

これで、ビューモデルまたはコードビハインドのOptions変数を見て、どちらが設定されているかを確認できます。 RadioButtonプロパティを設定することで、チェック済みのOptionsを設定することもできます。

18
Sheridan

XAMLのようにオプションボタン（ブール、整数、文字列）でTagプロパティを使用する場合

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

次に、次の関数を使用して選択した値を取得できます（ボタン）

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

どこ

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;
}
1
victor

IsCheckedプロパティを使用してこれを解決する別のMVVM方法があります

これが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>

あなたのモデルはこのようなものになります

 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は次のようになります（選択ロジック）。

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

したがって、ビューのデータコンテキストをこのビューモデルに設定するとします。あなたはそれを働かせることができなければなりません。

それが役に立てば幸い。

1
HelpMatters