如何将DataGrid列绑定到组合框

如何解决如何将DataGrid列绑定到组合框

我正在尝试设置以下播放器集合，但无法显示/更新数据集合。我有2个班级：CountryModel和PlayerModel CountryModel类的定义如下：

public static class CountryModel
    {
        public class Country
        {
            public string Name { get; set; }
            public string Abbr { get; set; }
            public byte[] Flag { get; set; }
        }

        public static async Task<ObservableCollection<Country>> GetCountriesAsync()
        {
            // Get all country names from system
            var ThreeLetterMapping = CultureInfo.GetCultures(CultureTypes.SpecificCultures)
                                        .Select(ci => new RegionInfo(ci.LCID))
                                        .GroupBy(ri => ri.EnglishName)
                                        .ToDictionary(g => g.Key,g => g.First().ThreeLetterISORegionName);
            // Create observablecollection to contain list of country names
            ObservableCollection<Country> getNames = new ObservableCollection<Country>();
            // Run task of getting every country files
            await Task.Run(() =>
            {
                // Get all files from Resources directory
                string[] Files = Directory.GetFiles(AppDomain.CurrentDomain.BaseDirectory + @"\Resources\");
                foreach (string Name in Files)
                {
                    // Add only country name without extension if png format
                    if (Path.GetExtension(Name) == ".png" && !Name.Contains("BCA"))
                    {

                        byte[] image = System.IO.File.ReadAllBytes(Name);


                        // Country name without extension
                        string CountryName = Path.GetFileNameWithoutExtension(Name);
                        // Get abbreviation from above ThreeLetterMapping variable
                        string abbr = null;
                        try
                        {
                            // Country exists and mapping is possible
                            abbr = ThreeLetterMapping[CountryName];
                        }
                        catch
                        {
                            // Custom mapping to 3 letter using first 3 letters in country name
                            abbr = CountryName.Substring(0,3);
                        }
                        // Add country with data to list
                        getNames.Add(new Country { Name = CountryName,Abbr = abbr,Flag = image });
                        //getNames.Add(new Country { Name = CountryName,Flag = GetFlag(CountryName) });
                    }
                }
            });
            return getNames;
        }

        public static BitmapImage GetFlag(string CountryName)
        {
            try
            {
                BitmapImage getFlag = new BitmapImage(new Uri(AppDomain.CurrentDomain.BaseDirectory + @"\Resources\" + CountryName + ".png"));
                //BitmapImage getFlag = new BitmapImage(new Uri("pack://application:,/Resources/" + CountryName + ".png"));
                return getFlag;
            }
            catch (Exception e)
            {
                MessageBox.Show("Error: " + e.Message,"Retrieve Flag",MessageBoxButton.OK,MessageBoxImage.Error);
                return null;
            }
        }

从上面的代码中可以看到，我可以从上述类中成功检索到List<CountryModel>。

现在我的MainWindow看起来像这样：

文本框的定义如下：

<TextBox x:Name="TextBoxId" Grid.Column="1" Grid.Row="0" Text="{Binding SelectedItem.Id,ElementName=DataGridPlayers}" IsEnabled="False" Height="26" VerticalContentAlignment="Center" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="0,12,0" IsTabStop="False"/>
<TextBox x:Name="TextBoxFullName" Grid.Column="1" Grid.Row="1" Text="{Binding SelectedItem.FullName,0" IsTabStop="False"/>
<TextBox x:Name="TextBoxLastName" Grid.Column="1" Grid.Row="2" Text="{Binding SelectedItem.LastName,ElementName=DataGridPlayers}" Height="26" VerticalContentAlignment="Center" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="0,0" TabIndex="1"/>
<TextBox x:Name="TextBoxFirstName" Grid.Column="1" Grid.Row="3" Text="{Binding SelectedItem.FirstName,0" TabIndex="2"/>
<TextBox x:Name="TextBoxMiddleName" Grid.Column="1" Grid.Row="4" Text="{Binding SelectedItem.MiddleName,0" TabIndex="3"/>
<ComboBox x:Name="ComboBoxGender" Grid.Column="1" Grid.Row="5" SelectedIndex="{Binding SelectedItem.Male,ElementName=DataGridPlayers}" Height="26" HorizontalAlignment="Left" Width="100" TabIndex="4">
     <ComboBoxItem Content="Female"/>
     <ComboBoxItem Content="Male"/>
</ComboBox>
<ComboBox x:Name="ComboBoxCountry" Grid.Column="1" Grid.Row="6" SelectedValuePath="Name" SelectedValue="{Binding SelectedItem.Country,ElementName=DataGridPlayers}" IsTextSearchEnabled="True" TextSearch.TextPath="Name" Height="26" HorizontalAlignment="Stretch" Margin="0,0" TabIndex="5">
     <ComboBox.ItemTemplate>
          <DataTemplate>
               <StackPanel Orientation="Horizontal">
                    <Image Width="30" Source="{Binding Flag}"/>
                    <TextBlock Text="{Binding Name}" Margin="4,0"/>
               </StackPanel>
          </DataTemplate>
     </ComboBox.ItemTemplate>
</ComboBox>

DataGrid的定义如下：

<DataGrid Grid.Column="1" x:Name="DataGridPlayers" AutoGenerateColumns="False" IsReadOnly="True" CanUserSortColumns="True" CanUserAddRows="False" AlternatingRowBackground="LightGray" SelectionChanged="DataGridPlayers_SelectionChanged" TabIndex="12">
     <DataGrid.Columns>
          <DataGridTextColumn Binding="{Binding Id}" Visibility="Hidden"/>
          <DataGridTextColumn Binding="{Binding LastName}" Visibility="Hidden"/>
          <DataGridTextColumn Binding="{Binding FirstName}" Visibility="Hidden"/>
          <DataGridTextColumn Binding="{Binding MiddleName}" Visibility="Hidden"/>
          <DataGridTextColumn Header="Player full name" Binding="{Binding FullName}" Width="1.5*"/>
          <DataGridTextColumn Binding="{Binding Male}" Visibility="Hidden"/>
          <DataGridTextColumn Header="Country" Binding="{Binding Country}" Width="*"/>
          <DataGridTemplateColumn Header="Flag" Width="40" IsReadOnly="True">
               <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                         <Image Source="{Binding Flag}"/>
                    </DataTemplate>
               </DataGridTemplateColumn.CellTemplate>
          </DataGridTemplateColumn>
     </DataGrid.Columns>
     <DataGrid.RowStyle>
          <Style TargetType="DataGridRow">
               <Style.Triggers>
                    <DataTrigger Binding="{Binding Flag}" Value="{x:Null}">
                         <Setter Property="Foreground" Value="Red"/>
                    </DataTrigger>
               </Style.Triggers>
          </Style>
     </DataGrid.RowStyle>
</DataGrid>

这是我后面的代码：

public partial class MainWindow : Window
    {
        private ObservableCollection<CountryModel.Country> ListCountries;
        private ObservableCollection<PlayerModel> ListPlayers;
        public MainWindow()
        {
            InitializeComponent();
            GetCountriesAsync();
            ListPlayers = new ObservableCollection<PlayerModel>();
            DataGridPlayers.ItemsSource = ListPlayers;
        }

        private async void GetCountriesAsync()
        {
            ListCountries = await Task.Run(() => CountryModel.GetCountriesAsync());
            ComboBoxCountry.ItemsSource = ListCountries;
        }

        private void ButtonAddPlayer_Click(object sender,RoutedEventArgs e)
        {
            PlayerModel newplayer = new PlayerModel { LastName = "Lastname",FirstName = "Firstname",MiddleName = "Middlename",Male = true,Country = "" }; //,Flag = null
            ListPlayers.Add(newplayer);
            DataGridPlayers.SelectedItem = ListPlayers.Last();
        }
    }

现在我对此有几个问题：如何将“国旗”列绑定到国家的国旗图像？为什么当我更新左侧的字段（例如姓氏或国家/地区）时，数据网格未相应更新？

感谢您抽出宝贵的时间来帮助您！绝地大师

解决方法

第二个问题：如果您没有安装Fody，则您的班级应该看起来像这样

我建议您看一下。正如您在示例中看到的那样，大量清理了代码。 https://github.com/Fody/PropertyChanged

否则，WPF不知道DataGrid中的属性是通过左侧的框进行更改的。您需要将其通知WPF。

    public class Country : INotifyPropertyChanged
    {
        private string name;

        public string Name
        {
            get { return name; }
            set
            {
                name = value;
                OnPropertyChanged(nameof(Name));
            }
        }

        private string abbr;

        public string Abbr
        {
            get { return abbr; }
            set
            {
                abbr = value;
                OnPropertyChanged(nameof(Abbr));
            }
        }

        private string countryName;

        public string CountryName
        {
            get { return countryName; }
            set
            {
                countryName = value;
                OnPropertyChanged(nameof(CountryName));
                OnPropertyChanged(nameof(Flag));
            }
        }

        public BitmapImage Flag => GetFlag(countryName);

        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this,new PropertyChangedEventArgs(propertyName));
        }

        public event PropertyChangedEventHandler PropertyChanged;
    }

身体示例：

    public class Country : INotifyPropertyChanged
    {       
        public string Name { get; set; }

        public string Abbr { get; set; }

        public string CountryName { get; set; }

        public BitmapImage Flag => GetFlag(CountryName);

        public event PropertyChangedEventHandler PropertyChanged;
    }

第一个问题：以类设置为例，然后可以将ImageSource绑定到Flag。

如何将DataGrid列绑定到组合框

如何解决如何将DataGrid列绑定到组合框

解决方法

相关推荐