使用 WPF 将一个列表与另一个列表绑定

Question

开门见山。我正在使用 MVVM 编写一个程序，我做了一个这样的视图：

Class结构：

class Company    
{
    int CompanyID
    string Name
    List<Material> MaterialList
}

class Material
{
    int ID
    string Name
    string Description
}

这是我的视图的 XAML 代码（删除了大部分不相关的内容以使其更具可读性）：

<ListView x:Name="_companies" ItemsSource="{Binding ElementName=_this, Path=ItemsSource}" SelectedItem="{Binding ElementName=_this, Path=SelectedItem}">
       <ListView.View>
            <GridView>
                <GridViewColumn Header="ID" DisplayMemberBinding="{Binding CompanyID}" />
                <GridViewColumn Header="Company Name" DisplayMemberBinding="{Binding CompanyName}" />
            </GridView>

...

    <ListView x:Name="_materials" >
        <ListView.View>
            <GridView>
                <GridViewColumn Header="ID" DisplayMemberBinding="{Binding ElementName=_companies, Path=SelectedItem.MaterialID}"/>
                <GridViewColumn  Header="Name" DisplayMemberBinding="{Binding ElementName=_companies, Path=SelectedItem.Name"/>
            </GridView>
        </ListView.View>
    </ListView>

    <TextBox x:name="_description" Text="{Binding Description}" IsReadOnly="True" />
</StackPanel>

还有我的 MainView 的一部分：

<Window.DataContext>
    <viewModels:CompanyListViewModel />
</Window.DataContext>
<Grid>
<view:CompanyListView ItemsSource="{Binding Companies}" />

Companies 是 Company 个对象的列表，其中包含 Name、ID 和 MaterialList。公司列表显示在 _companies ListView（上面的代码）中。

现在从列表中选择一家公司后，我想在 _materials ListView 中显示分配的 MaterialList。

在 _materials 中选择 material 后，我想在 _description TextBox

中显示其描述

我该怎么做？我找到了一个 similar thread that explains the concept 但我仍然做不到。我可以绑定到 SelectedItem 属性之一吗？

Answer 1

参考以下代码。我已经使用 MVVM 完成了它。您需要使用列表视图的 SelectedItem 属性并绑定到 chid 数据列表视图。

<StackPanel>
    <ListView x:Name="_companies" ItemsSource="{Binding Companies}" >
        <ListView.View>
            <GridView>
                <GridViewColumn Header="ID" DisplayMemberBinding="{Binding ID}" />
                <GridViewColumn Header="Company Name" DisplayMemberBinding="{Binding Name}" />
            </GridView>
        </ListView.View>
    </ListView>
    <ListView x:Name="_materials" ItemsSource="{Binding ElementName=_companies,Path=SelectedItem.MaterialList}" >
        <ListView.View>
            <GridView>
                <GridViewColumn Header="ID" DisplayMemberBinding="{Binding ID}"/>
                <GridViewColumn  Header="Name" DisplayMemberBinding="{Binding Name}"/>
            </GridView>
        </ListView.View>
    </ListView>
    <TextBox x:Name="_description" Text="{Binding ElementName=_materials, Path=SelectedItem.Description}" IsReadOnly="True" />
</StackPanel>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = new MainViewModel();
    }
}
  class MainViewModel 
{      

    private ObservableCollection<Company> companies;

    public ObservableCollection<Company> Companies
    {
        get { return companies; }
        set { companies = value; }
    }        

    public MainViewModel()
    {
        companies = new ObservableCollection<Company>();

        for (int i = 0; i < 10; i++)
        {
            Company comp = new Company();
            comp.ID = i + 1;
            comp.Name = "Comp" + i;
            ObservableCollection<Material> matlist = new ObservableCollection<Material>();
            for (int j = 0; j < 10; j++)
            {
                Material mat = new Material();
                mat.ID = j + 1;
                mat.Name = "Mat" + j + i;
                mat.Description = "descrp" + j + i;
                matlist.Add(mat);
            }
            comp.MaterialList = matlist;
            companies.Add(comp);
        }            
    }
}

class Company 
{
    private int id;

    public int ID
    {
        get { return id; }
        set { id = value; }
    }

    private string name;

    public string Name
    {
        get { return name; }
        set { name = value;  }
    }
    private ObservableCollection<Material> materialList;

    public ObservableCollection<Material> MaterialList
    {
        get { return materialList; }
        set { materialList = value; }
    }       
}

class Material 
{
    private int id;

    public int ID
    {
        get { return id; }
        set { id = value; }
    }

    private string name;

    public string Name
    {
        get { return name; }
        set { name = value; }
    }

    private string description;

    public string Description
    {
        get { return description; }
        set { description = value; }
    }
}

使用 WPF 将一个列表与另一个列表绑定

Binding a list with another list with WPF

c#

wpf

xaml

mvvm