如何解决如何将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>
。
文本框的定义如下:
<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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。