Mega Code Archive

 
Categories / Silverlight / UI Controls
 

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));             }         }     } }