WPF 中数据绑定单选按钮列表的最简单方法是什么

Question

首先，我是 WPF 的新手，我正在使用 MVVM Light Toolkit，大约 2 天以来，我一直在网上搜索，试图找到一种创建单选按钮列表的简单方法。我发现很多例子在我看来要么太复杂，要么 "hacks" 对一些旧错误或什至是不工作的例子。

假设在你的代码隐藏中你有这个字符串列表

List<string> options = new List<string>();

        options.Add("option 1");
        options.Add("option 2");
        options.Add("option 3");
        options.Add("option 4");

所以我想问你，用options创建单选按钮列表的最简单方法是什么？

Answer 1

试试下面的代码示例：-

 <DataTemplate>
               <RadioButton GroupName="Test"
                            Content="{Binding ItemDescription}"
                            IsChecked="{Binding IsSelected}"
                            Margin="5,1"/>
           </DataTemplate>

在服务器端：-

public ViewModel()
        {
            Test = new Collection<SelectableItem>
                {
                    new SelectableItem { ItemDescription = "Option 1"},
                    new SelectableItem { ItemDescription = "Option 2"},
                    new SelectableItem { ItemDescription = "Option 3", IsSelected = true},
                    new SelectableItem { ItemDescription = "Option 4"}
                };
        }

和

public class SelectableItem : INotifyPropertyChanged
    {
        public string ItemDescription { get; set; }

        public bool IsSelected { get; set; }

    }

Answer 2

我认为，最简单的是：

<ItemsControl ItemsSource="{Binding Options}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <RadioButton Content="{Binding}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

其中 Options 是您的数据上下文的属性，如下所示：

public IEnumerable<string> Options
{
    get { return options; }
}

但我认为，您会想要返回选择结果。
因此，任务变得更加复杂。您需要视图模型：

public class OptionViewModel
{
    public bool? IsChecked { get; set; }
    public string OptionName { get; set; }
}

然后，您必须将字符串列表转换为视图模型列表：

public IEnumerable<OptionViewModel> Options
{
    get { return optionsAsViewModels ?? (optionsAsViewModels = new List(options.Select(_ => new OptionViewModel { OptionName = _ }))); }
}
private IEnumerable<OptionViewModel> optionsAsViewModels;

并对项目模板进行一些更改：

<ItemsControl ItemsSource="{Binding Options}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <RadioButton Content="{Binding OptionName}" IsChecked="{Binding IsChecked}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

WPF 中数据绑定单选按钮列表的最简单方法是什么

What is the simplest way to data bound radio button list in WPF

.net

c#

wpf

xaml

windows-runtime