Empowering your users to sort the columns of a DataGrid
<UserControl x:Class='SilverlightApplication3.MainPage'
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:Data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
mc:Ignorable='d'
d:DesignWidth='640'
d:DesignHeight='480'>
<Grid x:Name="LayoutRoot" Background="White" Margin="10" Height="150" Width="275">
<Data:DataGrid x:Name="myDataGrid" AutoGenerateColumns="False">
<Data:DataGrid.Columns>
<Data:DataGridTextColumn Binding="{Binding Name}" Header="Name" SortMemberPath="Name" />
<Data:DataGridTextColumn Binding="{Binding Keys}" Header="Shortcut" SortMemberPath="Keys" />
<Data:DataGridTemplateColumn>
<Data:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding Icon}" />
</DataTemplate>
</Data:DataGridTemplateColumn.CellTemplate>
</Data:DataGridTemplateColumn>
</Data:DataGrid.Columns>
</Data:DataGrid>
</Grid>
</UserControl>
//File: Page.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Windows.Media.Imaging;
using System.Windows.Browser;
namespace SilverlightApplication3
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
List<Emoticon> emoticons = GetEmoticons();
myDataGrid.ItemsSource = emoticons;
}
private List<Emoticon> GetEmoticons()
{
List<Emoticon> emoticons = new List<Emoticon>();
emoticons.Add(new Emoticon("Smiley Face", "http://server.com/smiley.png", ": )"));
return emoticons;
}
}
public class Emoticon : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
private string name = string.Empty;
public string Name
{
get { return name; }
set
{
name = value;
UpdateProperty("Name");
}
}
private string keys = string.Empty;
public string Keys
{
get { return keys; }
set
{
keys = value;
UpdateProperty("Keys");
}
}
private BitmapImage icon = null;
public BitmapImage Icon
{
get { return icon; }
set
{
icon = value;
UpdateProperty("Icon");
}
}
private DateTime theDate = DateTime.Today;
public DateTime TheDate
{
get { return theDate; }
set { theDate = value; }
}
public Emoticon(string _name, string _imageUrl, string _keys)
{
name = _name;
icon = new BitmapImage(new Uri(_imageUrl));
keys = _keys;
}
public void UpdateProperty(string propertyName)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
}
}
Related examples in the same category