Telerik MVC Grid - 按日期分组

时间:2012-02-14 16:49:00

标签: asp.net-mvc-3 telerik telerik-grid telerik-mvc

我正在尝试将Telerik MVC Grid用于需要大量过滤和分组的应用程序......在我拥有的每个模型上,它都有一个用于存储CreationDate的属性DateTime。有时向用户显示网格时,时间并不重要。此外,我必须使用ViewModels来避免循环引用,因为我正在使用LINQ。

按日期求助或分组结果时出现问题。如果我在我的ViewModel上使用CreationDate字段作为日期时间,然后在视图上将其格式化为仅显示日期,它排序很好,工作正常,但是当使用整个日期时间值对组进行分组时,所以不会有任何分组。如果我在ViewModel中使用CreationDate作为字符串,它第一次显示正常,但如果按日期求助或分组将会出错。

以下是我对此案例的代码:

视图模型:

    public class CenterViewModel
    {
        public int Id { get; set; }
        public string Name{ get; set; }
        public string CityName { get; set; }
        public string Phone{ get; set; }
        public string CreationDate { get; set; }
        public bool Active { get; set; }
    }

控制器:

    [GridAction]
    public ActionResult AjaxIndex()
    {
          var model = repository.GetAllRecords()
                    .Select(o => new CenterViewModel
                    {
                        Id = o.Id,
                        Name = o.Name,
                        CityName= o.City.Name,
                        Phone = o.Phone,
                        CreationDate = o.CreationDate .ToShortDateString(),
                        Active = o.Active
                    });

        return View(new GridModel
        {
            Data = model
        });
    }

    public ActionResult Index()
    {
        return View();
    }

查看:

   @model IEnumerable<CenterViewModel>

   @(Html.Telerik().Grid<CenterViewModel>()
    .Name("Grid")
    .DataKeys(keys =>
    {
        keys.Add(p => p.Id);
    })
    .Columns(columns =>
    {
        columns.Bound(o => o.Name);
        columns.Bound(o => o.CityName);
        columns.Bound(o => o.Phone);            
        columns.Bound(o => o.CreationDate).Width(200);
        columns.Bound(o => o.Active).Width(100)
    .DataBinding(dataBinding => {
                    dataBinding.Ajax().Select("AjaxIndex", "Centers", null);
    })
    .Pageable()
    .Sortable()
    .Groupable()
    .Filterable())

上述代码仅适用于第一次加载数据,当您按日期求助或按日期分组时,它将引发以下异常:“Method'System.String ToShortDateString()'没有支持的SQL转换。”这是有道理的,但是,我认为我的意图现在非常明确。

有谁知道如何解决这个问题?提前谢谢,

1 个答案:

答案 0 :(得分:2)

您可以尝试的一件事是在您的模型中使用删除时间元素的日期。然后在视图中,格式化日期。

视图模型:

public DateTime CreationDate { get; set; }

控制器:

var model = repository.GetAllRecords()
                .Select(o => new CenterViewModel
                {
                    Id = o.Id,
                    Name = o.Name,
                    CityName= o.City.Name,
                    Phone = o.Phone,
                    CreationDate = new DateTime(o.CreationDate.Year, o.CreationDate.Month, o.CreationDate.Day),
                    Active = o.Active
                });

查看:

columns.Bound(o => o.CreationDate).Width(200).Format("{0:MM/dd/yyyy}");