从 ItemsControl 中获取项目（了解 DataContext）

Question

我正在用各种元素填充 ItemsControl，包括 Buttons 和 ComboBox 元素。访问和填充元素很简单，但我一直在研究如何检测和关联 ItemsControl 中的 Item 和 ComboBox（或 Button）属于哪个。

为了帮助说明问题，请考虑以下基本 UI：

现在，当我使用 ComboBox 或 Button 时，我希望能够仅将该用途与 ItemControl Item 相关联，它是其中的一部分。但是，目前，如果我 select ComboBox 中的一个项目，ItemsControl 中的每个 ComboBox 都会反映该更改。

我可以在下面的列表框中捕获 SelectedItem，但理想情况下，我希望能够同时显示 SelectedItem 和它来自哪个 ItemControl Item。例如，ComboBoxItem1，我的第一个属性 - 来自项目 (1).

我严格遵守 MVVM 原则，因此，我 不寻找任何使用代码隐藏的解决方案。

TL;DR

I know the code can become unwieldy. I believe the above description is adequate to state my problem, but I am including the basic boiler plate code below in case it's helpful in posting an answer. (Obviously, I have implemented INotifyProperty and ICommand elsewhere):

MainWindowView.xaml

<ItemsControl  Width="300" Height="200" ItemsSource="{Binding MyObservableCollection}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border BorderBrush="Black" BorderThickness="2" Margin="10">
                <StackPanel Margin="0,10,0,10">
                    <TextBlock Margin="10,0,0,0" Text="{Binding MyProperty}" FontWeight="Bold"/>
                    <ComboBox Width="270" Text="myBox" ItemsSource="{Binding DataContext.ComboOptions, RelativeSource={RelativeSource AncestorType=ItemsControl}}" DisplayMemberPath="ListItem" SelectedItem="{Binding DataContext.SelectedItem, RelativeSource={RelativeSource AncestorType=Window}}"/>
                    <RadioButton Width ="270" Content="Button1" Command="{Binding DataContext.GetButtonCommand, RelativeSource={RelativeSource AncestorType=ItemsControl}}" CommandParameter="Button1" Style="{DynamicResource {x:Type ToggleButton}}"/>
                </StackPanel>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

MyComboBoxOptionsViewModel.cs

public class MyComboBoxOptionsViewModel : ObservableObject
{
    private MyComboBoxOptionsModel _myComboBoxOptions = new MyComboBoxOptionsModel();

    public MyComboBoxOptionsViewModel(MyComboBoxOptionsModel _myComboBoxOptions)
    {
        this._myComboBoxOptions = _myComboBoxOptions;
    }

    public string ComboBoxOption
    {
        get { return _myComboBoxOptions.ComboBoxOption; }
        set
        {
            _myComboBoxOptions.ComboBoxOption = value;
            RaisePropertyChangedEvent("ComboBoxOption");
        }
    }
}

MyComboBoxOptionsModel.cs

public class MyComboBoxOptionsModel
{
    public string ComboBoxOption { get; set; }
}

MainWindowViewModel.cs

public class MainWindowViewModel : ObservableObject
{
    private ObservableCollection<string> _messages = new ObservableCollection<string>();
    private ObservableCollection<MyViewModel> _myObservableCollection = new ObservableCollection<MyViewModel>();
    private List<MyComboBoxOptionsViewModel> _comboOptions = new List<MyComboBoxOptionsViewModel>();
    private MyComboBoxOptionsViewModel _selectedItem = new MyComboBoxOptionsViewModel(null);

    public MainWindowViewModel()
    {
        _myObservableCollection.Add(new MyViewModel(new MyModel { MyProperty = "My First Property" }));
        _myObservableCollection.Add(new MyViewModel(new MyModel { MyProperty = "My Second Property" }));

        _comboOptions.Add(new MyComboBoxOptionsViewModel(new MyComboBoxOptionsModel { ComboBoxOption = "Option1" }));
        _comboOptions.Add(new MyComboBoxOptionsViewModel(new MyComboBoxOptionsModel { ComboBoxOption = "Option2" }));
        _comboOptions.Add(new MyComboBoxOptionsViewModel(new MyComboBoxOptionsModel { ComboBoxOption = "Option3" }));
    }

    public MyComboBoxOptionsViewModel SelectedItem
    {
        get { return _selectedItem; }
        set
        {
            _selectedItem = value;
            _messages.Add(_selectedItem.ComboBoxOption);
            RaisePropertyChangedEvent("SelectedItem");
        }
    }

    public List<MyComboBoxOptionsViewModel> ComboOptions
    {
        get { return _comboOptions; }
        set
        {
            if (value != _comboOptions)
            {
                _comboOptions = value;
                RaisePropertyChangedEvent("ComboOptions");
            }
        }
    }

    public ObservableCollection<MyViewModel> MyObservableCollection
    {
        get { return _myObservableCollection; }
        set
        {
            if (value != _myObservableCollection)
            {
                _myObservableCollection = value;
                RaisePropertyChangedEvent("MyObservableCollection");
            }
        }
    }

    public ObservableCollection<string> Messages
    {
        get { return _messages; }
        set
        {
            if (value != _messages)
            {
                _messages = value;
                RaisePropertyChangedEvent("Messages");
            }
        }
    }
}

Answer 1

我正在查看您想要的 UI，我认为您基本上需要一个包含项目视图模型集合的主视图模型。

在该项目视图模型中创建一个命令和一个选定的项目属性您可以在模板中绑定到组合框和按钮。这为您提供了一个严格的 mvvm 绑定到组合框值的单个实例和一个由按钮的单个实例执行的命令。

组合框项目的绑定需要一个显式源作为绑定的一部分，这样您就可以从主视图模型挂钩到一个值集合。或者将一个集合添加到您的项目视图模型中，并使它们保持整洁有序。

正如您提到的，您的代码非常详细 - 这很棒 - 但我可能错过了它的其他含义。

如果这是对错误问题的回答，我们深表歉意:)

从 ItemsControl 中获取项目（了解 DataContext）

Getting Items From Within ItemsControl (Understanding DataContext)

c#

wpf

mvvm

data-binding

datacontext

TL;DR