Блог

Главная - Вопросы по программированию - Привязка сетки данных WPF к списку и вложенному списку

Привязка сетки данных WPF к списку и вложенному списку

#c# #xaml #binding #datagrid

Вопрос:

У меня есть список Bin объектов со Id Name свойствами и List<int> свойствами , которые я загружаю как ItemsSource a ComboBox , и a DataGrid с List<Part> объектами со Id Name свойствами и.

Теперь я могу выбрать один элемент с помощью выпадающего списка. Я хочу обновить сетку данных, чтобы показывать только элементы , которые находятся в списке первого Bin объекта, и я хочу показать Id , а не Name .

К сожалению, я ничего не нашел об этой проблеме. Возможно, я что-то упустил из виду. Вот мой код:

Главное окно.xaml

 <Window x:Class="DataGridBinding.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DataGridBinding"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="400">

    <Grid>
        <StackPanel Orientation="Vertical">

            <ComboBox Name="CmbList" Height="23" Width="180" Margin="6">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}" />
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

            <DataGrid x:Name="DtgItems" Width="350" Margin="6" 
                      ItemsSource="{Binding}" 
                      SelectedValue="{Binding ElementName=CmbList, Path=SelectedItem.ItemsNr}">
                <DataGrid.Columns>
                    <DataGridTextColumn Binding="{Binding}"/>
                    <DataGridTextColumn Binding="{Binding Id}"/>
                    <DataGridTextColumn Binding="{Binding Name}"/>
                </DataGrid.Columns>
            </DataGrid>

        </StackPanel>
    </Grid>
</Window>

Главное окно.xaml.cs

 using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DataGridBinding
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.InitializeComponent();

            this.CmbList.ItemsSource = new List<Bin>
            {
                new Bin
                {
                    Id = 1,
                    Name = "Object One",
                    ItemsNr = new List<int> { 1, 3, 5, }
                },
                new Bin
                {
                    Id = 2,
                    Name = "Object Two",
                    ItemsNr = new List<int> { 2, 4, 6, }
                },
                new Bin
                {
                    Id = 3,
                    Name = "Object Three",
                    ItemsNr = new List<int> { 7, 8, 9, }
                },
                new Bin
                {
                    Id = 4,
                    Name = "Object Four",
                    ItemsNr = new List<int> { 4, 8 }

                },
            };

            this.DtgItems.DataContext = new List<Part>
            {
                new Part { Id = 1, Name = "One" },
                new Part { Id = 2, Name = "Two" },
                new Part { Id = 3, Name = "Three" },
                new Part { Id = 4, Name = "Four" },
                new Part { Id = 5, Name = "Five" },
                new Part { Id = 6, Name = "Six" },
                new Part { Id = 7, Name = "Seven" },
                new Part { Id = 8, Name = "Eight" },
                new Part { Id = 9, Name = "Nine" },
            };

            this.CmbList.SelectedIndex = 0;
        }
    }

    public class Bin
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public List<int> ItemsNr { get; set; }
    }

    public class Part
    {
        public int Id { get; set; }
        public string Name { get; set; }

    }
}

Ответ №1:

Вот рабочий пример:

 <Window x:Class="DataGridBinding.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DataGridBinding"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="400">

    <Grid>
        <StackPanel Orientation="Vertical">

            <ComboBox Name="CmbList" Height="23" Width="180" Margin="6" SelectionChanged="CmbList_SelectionChanged">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}" />
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>

            <DataGrid x:Name="DtgItems" Width="350" Margin="6"
                      AutoGenerateColumns="False">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="Id" Binding="{Binding Id}"/>
                    <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
                </DataGrid.Columns>
            </DataGrid>

        </StackPanel>
    </Grid>
</Window>
 
 using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace DataGridBinding
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            CmbList.ItemsSource = Bins;
            DtgItems.ItemsSource = Parts;
        }
        List<Bin> Bins = new List<Bin>
        {
            new Bin
            {
                Id = 1,
                Name = "Object One",
                ItemsNr = new List<int> { 1, 3, 5, }
            },
            new Bin
            {
                Id = 2,
                Name = "Object Two",
                ItemsNr = new List<int> { 2, 4, 6, }
            },
            new Bin
            {
                Id = 3,
                Name = "Object Three",
                ItemsNr = new List<int> { 7, 8, 9, }
            },
            new Bin
            {
                Id = 4,
                Name = "Object Four",
                ItemsNr = new List<int> { 4, 8 }

            },
        };
        List<Part> Parts = new List<Part>
        {
            new Part { Id = 1, Name = "One" },
            new Part { Id = 2, Name = "Two" },
            new Part { Id = 3, Name = "Three" },
            new Part { Id = 4, Name = "Four" },
            new Part { Id = 5, Name = "Five" },
            new Part { Id = 6, Name = "Six" },
            new Part { Id = 7, Name = "Seven" },
            new Part { Id = 8, Name = "Eight" },
            new Part { Id = 9, Name = "Nine" },
        };
        public class Bin
        {
            public int Id { get; set; }
            public string Name { get; set; }
            public List<int> ItemsNr { get; set; }
        }
        public class Part
        {
            public int Id { get; set; }
            public string Name { get; set; }
        }
        private void CmbList_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            DtgItems.ItemsSource = Parts.Where(t => t.Id == ((Bin)CmbList.SelectedItem).Id);
        }
}

Здесь следует отметить добавленный обработчик событий CmbList_SelectionChanged , который запускается при изменении ComboBox выбора, который обновляет ItemsSource свойство вашей сетки, чтобы в ней были только элементы с совпадением Id .

Вы использовали SelectedIndex собственность, которая не совпадает с той Id . Индекс равен нулю, а идентификатор — нет.

Излишне говорить, что, несмотря на то, что код работает, существуют лучшие способы решения этой проблемы. Я бы рекомендовал вам изучить шаблон MVVM и привязку данных, хотя подход, основанный на коде, также определенно применим. Удачи.

Метки: