如何在ItemsControl DataTemplate内部使用ComboBox SelectedItem

Question

我正在处理将商品添加到订单的表单。 我对于XAML项区域有什么是这样的：

<ItemsControl Name="ServiceItems" ItemsSource="{Binding ServiceOrderItems}" Width="737" Canvas.Left="0" Canvas.Top="193" Visibility="{Binding ShowServiceItems, Converter={StaticResource BooleanToVisibility}}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="140*" />
                    <ColumnDefinition Width="320*" />
                    <ColumnDefinition Width="54*" />
                    <ColumnDefinition Width="35*" />
                    <ColumnDefinition Width="47*" />
                    <ColumnDefinition Width="47*" />
                    <ColumnDefinition Width="47*" />
                    <ColumnDefinition Width="47*" />
                </Grid.ColumnDefinitions>

                <ComboBox ItemsSource="{Binding ElementName=ServiceItems, Path=DataContext.ItemsList}" SelectedItem="{Binding Path=Item, Mode=TwoWay}" IsTextSearchEnabled="True">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="SelectionChanged">
                            <i:InvokeCommandAction Command="{Binding ElementName=ServiceItems, Path=DataContext.CommandAddServiceItem}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </ComboBox>
                <TextBox Text="{Binding Description, Mode=TwoWay}" Grid.Column="1" />
                <TextBox Text="{Binding Available, Mode=TwoWay}" Grid.Column="2" />
                <TextBox Text="{Binding Quantity, Mode=TwoWay}" Grid.Column="3" />
                <TextBox Text="{Binding Rate, Mode=TwoWay}" Grid.Column="4" />
                <TextBox Text="{Binding Amount, Mode=TwoWay}" Grid.Column="5" />
                <CheckBox IsChecked="{Binding Taxable, Mode=TwoWay}" Grid.Column="6" />
                <CheckBox IsChecked="{Binding Closed, Mode=TwoWay}" Grid.Column="7" />
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>

    <ItemsControl.Template>
        <ControlTemplate TargetType="ItemsControl">
            <ScrollViewer CanContentScroll="True">
                <ItemsPresenter/>
            </ScrollViewer>
        </ControlTemplate>
    </ItemsControl.Template>

    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

这是我的MVVM类：

namespace ServiceOrders
{
    public class SalesOrderItem
    {
        public Int64 ItemId { get; set; }
        public string Item { get; set; }
        public string Description { get; set; }
        public int Available { get; set; }
        public double Quantity { get; set; }
        public double Rate { get; set; }
        public double Amount { get; set; }
        public bool Taxable { get; set; }
        public bool Closed { get; set; }

        public override string ToString()
        {
            return this.Item;
        }
    }

    public ObservableCollection<ServiceOrders.SalesOrderItem> ItemsList { get; set; }
    public ObservableCollection<ServiceOrders.SalesOrderItem> ServiceOrderItems { get; set; }

    public SalesOrderControlViewModel()
    {
        ItemsList = new ObservableCollection<ServiceOrders.SalesOrderItem>();
        ServiceOrderItems = new ObservableCollection<ServiceOrders.SalesOrderItem>();
    }
}

除了在ComboBox上，我所有的绑定似乎都可以使用。 我想从项目列表（ ItemsList ）中拉出，但随后我想将SelectedItem添加到ServiceOrderItems 。 当我选择该项目时，它确实添加了它，但仅添加了SalesOrderItem.Item ，而不会添加说明，数量等。

如何实现我想要做的事情？ 我尝试了以下方法：

<ComboBox ItemsSource="{Binding ElementName=ServiceItems, Path=DataContext.ItemsList}" SelectedItem="{Binding ElementName=ServiceItems, Path=DataContext.SelectedServiceItem, Mode=TwoWay}" IsTextSearchEnabled="True" DisplayMemberPath="Item">

但这只是将所有项目行ComboBoxes设置为同一事物。 我也尝试通过SelectionChanged事件来执行此操作，然后尝试获取SelectedItem并将其添加到ServiceOrderItems 。

我已经四处张望，找不到符合我想要做的任何事情。

Answer 1

添加字符串是因为您已将SelectedItem与字符串值绑定，并且我怀疑您在命令中将所选项目添加到了命令中。

<ComboBox ItemsSource="{Binding ElementName=ServiceItems,
                                Path=DataContext.ItemsList}"
          SelectedItem="{Binding Path=Item, Mode=TwoWay}">

将SelectedItem绑定到SalesOrderItem类型的对象，例如SelectedSalesOrderItem，以便您可以访问完整的对象。

而且，如果只是为了在comboBox中显示Item，则不需要重写ToString（）。 您可以使用DisplayMemberPath属性从对象显示UI上的特定属性。

<ComboBox ItemsSource="{Binding ElementName=ServiceItems,
                                Path=DataContext.ItemsList}"
          SelectedItem="{Binding Path=SelectedSalesOrderItem, Mode=TwoWay}"
          DisplayMemberPath="Item">