在Telerik MVC AJAX绑定属性列上使用自定义日期格式化程序

Question

我在我的ASP.NET MVC3应用程序上使用razor的最新版本的Telerik MVC控件。

我已经定义了我的网格结构如下：

@(Html.Telerik()
     .Grid<GrantApplicationListViewModel>()
     .Name("grdGrantApplications")
     .Columns(column =>
     {
          column.Bound(x => x.FullName)
               .Title("Owner")
               .Width(200);

          column.Bound(x => x.CreatedDate)
               .Title("Created")
               .Width(90);
     })
     .DataBinding(dataBinding => dataBinding.Ajax().Select("AjaxGrantApplicationsBinding", "Home"))
     .Pageable(paging => paging.PageSize(30))
     .TableHtmlAttributes(new { @class = "telerik-grid" })
)

我的视图模型如下所示：

public class GrantApplicationListViewModel
{
     public int Id { get; set; }
     public string FirstName { get; set; }
     public string LastName { get; set; }
     public string FullName
     {
          get { return FirstName + " " + LastName; }
     }

     public DateTime CreatedDate { get; set; }
}

我已经创建了一个日期格式化程序，我想在我的列中使用它来格式化日期：

public static class DateTimeExtensions
{
     public static string FormatDate(this DateTime instance)
     {
          return string.Format("{0:yyyy-MM-dd}", instance);
     }
}

如何在我的列中使用此format方法来格式化CreatedDate？我尝试了以下几种方法：

column.Bound(x => x.CreatedDate.FormatDate())
     .Title("Created")
     .Width(90);

..and我得到以下错误：

Bound columns require a field or property access expression.

Answer 1

你必须绑定一个属性，所以你正在做的事情将不会起作用。您可以做的是：

public class GrantApplicationListViewModel
{
     public int Id { get; set; }
     public string FirstName { get; set; }
     public string LastName { get; set; }
     public string FullName
     {
          get { return FirstName + " " + LastName; }
     }

     public DateTime CreatedDate { get; set; }
     public DateTime FormattedDate{ get{ return FormatDate(CreatedDate)}; set; }
}

然后

column.Bound(x => x.FormattedDate)
 .Title("Created")
 .Width(90);

(代码的语法不正确，因此您必须清理它：)

你也可以这样做

column.Bound(x => x.FormattedDate)
     .Title("Created")
     .Format("{0:MM/dd/yyyy hh:mm tt}")
     .Width(90);

如果我没记错的话

Answer 2

您可以在GrantApplicationListViewModel类中设置日期的格式

public DateTime CreatedDate 
{
 get
 {
   return string.Format("{0:yyyy-MM-dd}", this);
 }
}

这对我很有效。或者您可以按照下面的方式使用

public DateTime CreatedDate 
    {
     get
     {
       return string.Format("{0:yyyy-MM-dd}", DateOfJoining);
     }    
    }