MVVM组合框在列表视图中选择项目绑定

时间:2015-01-20 12:02:51

标签: wpf xaml listview mvvm combobox

我正在尝试在列表视图中绑定组合框。 这是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 Panel绑定到:DataContext="{Binding DeviceDiagnosticsMainVeiwModel}"

列表视图绑定是:

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

并且CurrentDeviceDiagnostics和SelectedDeviceDiagnostics都是DeviceDiagnosticsMainVeiwModel的成员。

列表视图中的一个文本框(例如)绑定如下:

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

CurrentDeviceDiagnostics是一个可观察的DeviceDiagnosticsVeiwModel集合,其中包含DiagnosticsCommand。

工作得很好(两个文本框)。

复选框绑定如下:

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

Units和DiagnosticsUnit也是DeviceDiagnosticsVeiwModel的成员。

项目源工作正常,并按我需要的方式填充。 问题在于所选项目......虽然DiagnosticsUnit具有整数值,但它已初始化为空。

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

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

请帮帮我。

谢谢大家!!!

2 个答案:

答案 0 :(得分:0)

让我们打破这个......你说:

  

CurrentDeviceDiagnosticsSelectedDeviceDiagnostics都是DeviceDiagnosticsMainViewModel的成员。

应该如此。然后你说:

  

CurrentDeviceDiagnosticsObservableCollection<DeviceDiagnosticsViewModel>

因此,来自内部 CellTemplate的数据绑定应该指向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集合相同类型的实例...但是,如果它只是{{int的集合1}} s,然后这一步无济于事。唯一的另一件事是确保您在INotifyPropertyChanged类中正确实现了DeviceDiagnosticsViewModel接口。

答案 1 :(得分:0)

O.K 我终于找到了问题! 这不是一个绑定问题。 这很傻。 我有这个代码

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

单位是视图模型(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>()
                          );                        
        }

我必须为每个对象提供列表。它奏效了。