MVVM组合框列表视图中的选定项绑定答案

【问题标题】：MVVM combobox Selected item binding in listviewMVVM组合框列表视图中的选定项绑定
【发布时间】：2015-03-18 15:45:05
【问题描述】：

我正在尝试在列表视图中绑定组合框。这是 Xaml：

<UserControl
<UserControl.Resources>
        <Style TargetType="ListViewItem">
            <Style.Triggers>
                <Trigger Property="IsKeyboardFocusWithin" Value="true">
                    <Setter Property="IsSelected" Value="true" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <DockPanel MinWidth="724" Height="387" DataContext="{Binding DeviceDiagnosticsMainVeiwModel}">
        <globals:SaveNotificationPopup IsOpen="{Binding IsSaveNotificationPopupOpen}" SaveCommand="{Binding SaveCommand}" CancelCommand="{Binding CloseSaveNotificationPopup}" Placement="Relative" VerticalOffset="300" HorizontalOffset="200" />
        <StackPanel>
            <Grid Width="250" HorizontalAlignment="Left" Margin="10,10,0,0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" MinHeight="23" />
                    <RowDefinition Height="Auto" MinHeight="23" />
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100" />
                    <ColumnDefinition Width="150" />
                </Grid.ColumnDefinitions>

                <Label Grid.Row="0" Content="{x:Static ml:MultiLang._2001}" x:Name="ML_0209" />
                <Label Grid.Row="1" Content="{x:Static ml:MultiLang._2009}" x:Name="ML_0211" />
                <ComboBox Grid.Column="1" Grid.Row="0" ItemsSource="{Binding Manufacturers}" DisplayMemberPath="WorkingPlace" SelectedValuePath="PersonCode" SelectedValue="{Binding Path=ManufacturerID, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                <ComboBox Grid.Column="1" Grid.Row="1" ItemsSource="{Binding Devices}" DisplayMemberPath="Model" SelectedValue="{Binding Path=SelectedDevice, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />                
            </Grid>

            <ListView DockPanel.Dock="Top" Margin="10,25,10,10" Width="460" ScrollViewer.HorizontalScrollBarVisibility="Hidden" HorizontalAlignment="Left" ItemsSource="{Binding CurrentDeviceDiagnostics}" SelectedItem="{Binding SelectedDeviceDiagnostics}" BorderThickness="1">                
                <ListView.View>
                    <GridView>
                        <GridViewColumn Header="Command" Width="180" x:Name="ML_0007">
                            <GridViewColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBox Text="{Binding DiagnosticsCommand, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" FontSize="12" Margin="0 5 0 0" Width="165" TextAlignment="Center" />
                                </DataTemplate>
                            </GridViewColumn.CellTemplate>
                        </GridViewColumn>
                        <GridViewColumn Header="Name" Width="180" x:Name="ML_0010">
                            <GridViewColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBox Text="{Binding DiagnosticsName, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" FontSize="12" Margin="0 5 0 0" Width="165" TextAlignment="Center" />
                                </DataTemplate>
                            </GridViewColumn.CellTemplate>
                        </GridViewColumn>
                        <GridViewColumn Header="Units" Width="100" x:Name="ML_0013">
                            <GridViewColumn.CellTemplate>
                                <DataTemplate>                                    
                                    <ComboBox  ItemsSource="{Binding Units}" DisplayMemberPath="UnitName" SelectedValuePath="UnitCode" SelectedValue="{Binding DiagnosticsUnit, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Height="23" HorizontalAlignment="Left" VerticalAlignment="Top" Width="85" Margin="0,1,0,0" />                                    
                                </DataTemplate>
                            </GridViewColumn.CellTemplate>
                        </GridViewColumn>
                    </GridView>
                </ListView.View>
            </ListView>

            <ContentControl DockPanel.Dock="Top" Content="{Binding AddNewCAView}" />
            <!-- No Diagnodtics message-->
            <globals:NoItemsMessage DockPanel.Dock="Top" Visibility="{Binding NoDiagnosticsVisibility}" HorizontalAlignment="Left" Margin="10" Width="360" Height="40" Message="{x:Static ml:MultiLang._742}" x:Name="ML_0017" />
            <!-- delete popup -->
            <globals:DeletePopup IsOpen="{Binding IsConfirmDeletePopupOpen}" Message1="{x:Static ml:MultiLang._746}" DeleteCommand="{Binding DeleteCommand}" CancelCommand="{Binding CancelDeleteCommand}" Placement="Center" VerticalOffset="-200" HorizontalOffset="200" x:Name="ML_0018" />
        </StackPanel>
    </DockPanel>
</UserControl>

Dock 面板绑定到：DataContext="{Binding DeviceDiagnosticsMainVeiwModel}"

列表视图绑定是：

ItemsSource="{Binding CurrentDeviceDiagnostics}" SelectedItem="{Binding SelectedDeviceDiagnostics}"

CurrentDeviceDiagnostics 和 SelectedDeviceDiagnostics 都是 DeviceDiagnosticsMainVeiwModel 的成员。

列表视图中的一个文本框（例如）绑定如下：

Text="{Binding DiagnosticsCommand, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"

CurrentDeviceDiagnostics 是 DeviceDiagnosticsVeiwModel 的 observble 集合，其中包含 DiagnosticsCommand。

并且工作得很好（两个文本框）。

复选框绑定如下：

ItemsSource="{Binding Units}" DisplayMemberPath="UnitName" SelectedValuePath="UnitCode" SelectedValue="{Binding DiagnosticsUnit, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"

Units 和 DiagnosticsUnit 也是 DeviceDiagnosticsVeiwModel 的成员。

项目源工作正常，并按我需要的方式填充。问题出在所选项目上……尽管 DiagnosticsUnit 有一个整数值，但它初始化为空。

有趣的是，如果我从组合框中选择一些东西，代码会转到 DiagnosticsUnit 属性的 set 函数，所以我不确定这个问题... 即使我将使用 DiagnosticsUnit 将组合框更改为文本框，它也会起作用！

我使用了很多 mvvm 组合框并且没有任何绑定问题，但这是我第一次在列表视图中使用组合框...

请帮帮我。

谢谢大家！！！

【问题讨论】：

显而易见的第一个问题。您是否在 DiagnosticsUnit 设置器中触发 PropertyChanged？
谢谢 GazTheDestroyer。我是。 public int DiagnosticsUnit { get { return _deviceDiagnostics.DiagnosticsUnit; } set { if (value == _deviceDiagnostics.DiagnosticsUnit) return; _deviceDiagnostics.DiagnosticsUnit = value; SetStatus(); OnPropertyChanged("DiagnosticsUnit"); } }

标签： wpf xaml listview mvvm combobox

【解决方案1】：

让我们分解一下……你说：

CurrentDeviceDiagnostics 和 SelectedDeviceDiagnostics 都是 DeviceDiagnosticsMainViewModel 的成员。

这是应该的。然后你说：

CurrentDeviceDiagnostics 是一个ObservableCollection<DeviceDiagnosticsViewModel>

因此，CellTemplates 内部中的数据绑定应该指向 DeviceDiagnosticsViewModel 类中的属性，正如您正确指出的那样。

因此，查看您下面的ComboBox 代码，我只能想到这不起作用的两个可能原因：

<ComboBox ItemsSource="{Binding Units}" DisplayMemberPath="UnitName" 
    SelectedValuePath="UnitCode" SelectedValue="{Binding DiagnosticsUnit, Mode=TwoWay, 
    UpdateSourceTrigger=PropertyChanged}" Height="23" HorizontalAlignment="Left" 
    VerticalAlignment="Top" Width="85" Margin="0,1,0,0" />

一个建议是改用ComboBox.SelectedItem 属性并将数据绑定到与Units 集合相同类型的实例...但是，如果这只是ints 的集合，那么这一步无济于事。唯一的另一件事是确保您在DeviceDiagnosticsViewModel 类中正确实现了INotifyPropertyChanged 接口。

【讨论】：

谢谢谢里登。我不明白......如果是这样，为什么其他绑定（文本框）正在工作？这是完全相同的事情。 DiagnosticsName 和 DiagnosticsCommand 都是 DeviceDiagnosticsViewModel 中的属性，就像 DiagnosticsUnit 一样。唯一的区别是它们是字符串，而这个是整数。
你到底有什么不明白的？
为什么其他绑定（文本框的）正在工作，而不是组合框？
从外观上看，它应该工作......也许你在某个地方有轻微的拼写错误？如果做不到这一点，请尝试改用SelectedItem="{Binding DiagnosticsUnit}"。它总是比替代品更有效。
嗨。我尝试将组合框从列表视图中取出，并将其绑定到具有属性和初始化的停靠面板数据上下文（DeviceDiagnosticsMainVeiwModel），并且它有效，所以我会说我没有任何语法问题。只有当它在列表视图中时才会出现问题，我无法弄清楚......

【解决方案2】：

好的我终于找到了问题！这不是绑定问题。这很愚蠢。我有这个代码

public void GetItems() { _devicesDiagnostics = new ObservableCollection<DeviceDiagnosticsVeiwModel>( (from dd in _dal.GetItems() orderby dd.DeviceID select new DeviceDiagnosticsVeiwModel(dd) { ObjectStatus = Status.NoChange, Units = _manager.UnitRepository.Units } ) .ToObservableCollection<DeviceDiagnosticsVeiwModel>() ); }

Units 是视图模型 (DeviceDiagnosticsVeiwModel) 中的成员，它实际上是组合框项目源。在 DeviceDiagnosticsVeiwModel 内部有一个 int 属性，它是所选项目。它没有正确加载。

正确的代码是

public void GetItems()
        {
            _devicesDiagnostics = new ObservableCollection<DeviceDiagnosticsVeiwModel>(
                           (from dd in _dal.GetItems()
                            orderby dd.DeviceID
                            select new DeviceDiagnosticsVeiwModel(dd)
                            {
                                ObjectStatus = Status.NoChange,

                                Units  = new ObservableCollection<UnitViewModel>(this.Units),
                            }
                            )
                           .ToObservableCollection<DeviceDiagnosticsVeiwModel>()
                          );                        
        }

我必须给每个对象一个新的列表。它奏效了。

【讨论】：