Набор ItemsSource из UWP ComboBox в ViewModel собственности

Question

Я пытаюсь установить ItemsSource в виде UWP ComboBox к свойству ViewModel, но я получаю сообщение об ошибке:

Error: BindingExpression path error: 'componentsLookup' property not found on 'Orders.Component' 

Соответствующий бит XAML выглядит следующим образом :

<Page.DataContext> 
    <local:OrderPageViewModel x:Name="OrderPageViewModel" /> 
</Page.DataContext> 

<ListView 
    Name="ComponentsList" 
    ItemsSource="{Binding Components}"> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <ComboBox 
        ItemsSource="{Binding componentsLookup,Mode=TwoWay}" 
        DisplayMemberPath="ComponentCode"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
</ListView> 

Соответствующий бит ViewModel выглядит следующим образом:

public class OrderPageViewModel 
{ 
    public ObservableCollection<Product> Products { get; set; } = new ObservableCollection<Product>(); 
    public List<Component> componentsLookup = new List<Component>(); 

Edit 1: Модели выглядят как этот

public class Product 
{ 
    public string ProductCode { get; set; } 
    public string ProductDescription { get; set; } 
    public List<Component> Components { get; set; } 
    public override string ToString() 
    { 
     return this.ProductCode; 
    } 
} 
public class Component 
{ 
    public Guid ComponentId { get; set; } 
    public Product Product { get; set; } 
    public string ComponentCode { get; set; } 
    public string ComponentDescription { get; set; } 
    public string ComponentColor { get; set; } 
    public decimal ComponentHeight { get; set; } 
    public decimal ComponentWidth { get; set; } 
    public override string ToString() 
    { 
     return this.ComponentCode; 
    } 
} 

Как мне установить ItemsSource на componentsLookup

Answer 1

Вложенные связывания, что вы на самом деле хотите сделать. Поскольку ComboBox вложен внутри ListView, ItemsSourceComboBox должен быть подкатегорией ListView. componentsLookup должно быть свойством класса Orders.Component в вашем фрагменте кода. Вы можете использовать вложенную структуру источника, как следует за связывание:

public class OrderPageViewModel 
{ 
    public ObservableCollection<Product> Products { get; set; } = new ObservableCollection<Product>() 
    { 
     new Product 
     { 
      productname="productname", 
      componentsLookup=new List<Component> 
      { 
       new Component {componentname="test1" }, 
       new Component {componentname="test2" } 
      } 
     }, 
      new Product 
     { 
      componentsLookup=new List<Component> 
      { 
       new Component {componentname="test1" }, 
       new Component {componentname="test2" } 
      } 
     } 
    }; 
} 

public class Component 
{ 
    public string componentname { get; set; } 
} 
public class Product 
{ 
    public string productname { get; set; } 
    public List<Component> componentsLookup { get; set; } 
} 

XAML код

<Page.DataContext> 
    <local:OrderPageViewModel x:Name="OrderPageViewModel" /> 
</Page.DataContext> 
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" > 
    <ListView Name="ComponentsList" ItemsSource="{Binding Products}" > 
     <ListView.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="{Binding productname}"></TextBlock> 
        <ComboBox DisplayMemberPath="ComponentCode" ItemsSource="{Binding componentsLookup, Mode=TwoWay}" /> 
       </StackPanel> 
      </DataTemplate> 
     </ListView.ItemTemplate> 
    </ListView> 
</Grid> 

Подробнее пожалуйста, ссылку на official data binding document.