silverlight之How To：格式化DataGrid里的列显示

 DataGrid里的列可以很方便的绑定到数据源里的某个属性，但是有时候需要格式化这个属性值的显示，比较典型的就是属性是DateTime类型的，当只想显示以特定格式显示日期部分，这个时候怎么做呢？

首先，按正常的绑定如下：

1. <data:DataGrid Grid.Row="0" x:Name="gridWorkflow" CanUserSortColumns="True" FrozenColumnCount="2" AutoGenerateColumns="False" IsReadOnly="True" BorderThickness="1,1,1,1" SelectionChanged="gridWorkflow_SelectionChanged">
2.             <data:DataGrid.Columns>                
3.                 <data:DataGridTextColumn Header="日期" Binding="{Binding ValidFrom}">
4.                 </data:DataGridTextColumn>                
5.             </data:DataGrid.Columns>
6.         </data:DataGrid> 

 

其次，我们必须定义一个转换类，该类必须实现IValueConverter接口，如下：

1. public class DateConverter : IValueConverter
2.     {
4.         #region IValueConverter Members
6.         public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
7.         {
8.             DateTime date = (DateTime)value;
9.             return date.ToString("yyyy-MM-dd");
10.         }
12.         public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
13.         {
14.             throw new NotImplementedException();
15.         }
17.         #endregion
18.     }

 

其中的Convert方法就是指定怎么格式化数据的。

然后在用户控件里定义一个资源来实例化这个类：

1.  <UserControl.Resources>
2.         <AoyaWorkflow:DateConverter x:Key="dc"/>
3.     </UserControl.Resources>

 

最后就是使用这个资源了，如下：

1. <data:DataGrid Grid.Row="0" x:Name="gridWorkflow" CanUserSortColumns="True" FrozenColumnCount="2" AutoGenerateColumns="False" IsReadOnly="True" BorderThickness="1,1,1,1" SelectionChanged="gridWorkflow_SelectionChanged">
2.             <data:DataGrid.Columns>                
3.                 <data:DataGridTextColumn Header="日期" Binding="{Binding ValidFrom, Converter={StaticResource dc}}">
4.                 </data:DataGridTextColumn>                
5.             </data:DataGrid.Columns>
6.         </data:DataGrid> 

可能第一次用起来会有些繁琐，不过用过就马上可以掌握了。