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> 

可能第一次用起來會有些繁瑣，不過用過就馬上可以掌握了。