在 Silverlight 中使用 IValueConverter 实现对绑定数据的格式化

     在使用 Silverlight 对绑定数据进行展现的时候（如 ListBox、DataGrid），经常需要对数据的表现形式进行各式各样的处理，Silverlight 对绑定数据的格式化并不像 ASP.NET 中那么方便，在网上查了一些资料发现我们可以使用 IValueConverter 实现绑定数据的格式化。

     下面我们用 ListBox 做一个例子：

     首先我们先定义一个 MyTime 的类：
    

public   class  MyTime
{
    public DateTime Time1 { get; set; }
    public DateTime Time2 { get; set; }
}

 
     放置一个 ListBox 并且设置绑定：
    

< ListBox  x:Name ="MyListBox" >
             < ListBox.ItemTemplate >
                 < DataTemplate >
                     < StackPanel  Orientation ="Horizontal" >
                         < TextBlock  Text =" {Binding Time1} "  Margin ="5"  Foreground ="Red" ></ TextBlock >
                         < TextBlock  Text =" {Binding Time2} "  Margin ="5" ></ TextBlock >
                     </ StackPanel >     
                 </ DataTemplate >
             </ ListBox.ItemTemplate >
         </ ListBox >

      

< sdk:DataGrid IsReadOnly ="True" AutoGenerateColumns ="False" Name ="datagrid1" ItemsSource ="{Binding Data, ElementName=proclgDataSource}" Width ="Auto" Margin ="0" >
< sdk:DataGrid.Columns >
< sdk:DataGridTemplateColumn Header ="签署日期" >
< sdk:DataGridTemplateColumn.CellTemplate >
< DataTemplate >
< TextBlock Text ="{Binding Umarkdate, Converter={StaticResource DateConverter}}" ></ TextBlock >
</ DataTemplate >
</ sdk:DataGridTemplateColumn.CellTemplate >
</ sdk:DataGridTemplateColumn >
</ sdk:DataGrid.Columns >
</ sdk:DataGrid >

 

 

     创建一个 MyTime 的 List 并对其赋值：

List < MyTime >  source  =   new  List < MyTime > ();

            source.Add( new  MyTime()  { Time1 = DateTime.Now, Time2 = DateTime.Now } );

            MyListBox.ItemsSource  =  source; 

     运行结果如下，红色为 Time1，黑色为 Time2：


     下面我们对 Time1 进行格式化，使其只显示 年月日 ，首先我们先继承一个 IValueConverter 类，用于处理对时间的格式化：

代码

using System.Windows.Data;
using System.Globalization;

public class DateTimeConverter : IValueConverter
{
public object Convert( object value,
Type targetType,
object parameter,
CultureInfo culture)
{
DateTime date = (DateTime)value;
// return date.ToShortDateString();
// return date.ToString("yyyy年MM月dd日 HH:mm:ss");
return date.ToString( " yyyy-MM-dd " );
}

public object ConvertBack( object value,
Type targetType,
object parameter,
CultureInfo culture)
{
string strValue = value.ToString();
DateTime resultDateTime;
if (DateTime.TryParse(strValue, out resultDateTime))
{
return resultDateTime;
}
return value;
}
}

 

     在 XAML 中注册空间命名并声明：

xmlns:local="clr-namespace:SilverlightDemo1"

< UserControl.Resources >
     < local:DateTimeConverter  x:Key ="DateConverter"   />
</ UserControl.Resources >

     最后修改 Time1 绑定数据的部分，加入格式化的内容：

< TextBlock  Text =" {Binding Time1, Converter={StaticResource DateConverter}} "  Margin ="5"  Foreground ="Red" ></ TextBlock >

     运行看结果，是不是发现红色的 Time1 部分只现实年月日了呢：

posted on 2008-04-12 23:43 DRIVER.PRO 阅读(753) 评论(0)   编辑 收藏

转载于:https://www.cnblogs.com/infim/archive/2011/01/06/1927526.html