在对网格进行分组后,如何在Kendo UI网格中格式化组标题?

时间:2014-08-10 03:32:36

标签: kendo-ui kendo-grid kendo-asp.net-mvc

我想根据datatime类型的生日对gird进行分组,但在分组后,我发现组标题是json格式?如何格式化?我的代码在这里:

@(Html.Kendo().Grid<BLL.ViewModelStudnet> ()
              .Name("ViewModelStudent")
              .Columns(columns =>
                {
                columns.Bound(p => p.StudentName).Title("Studnet Name")Width(100);
                columns.Bound(p => p.Sex).Title("Studnet Sex")Width(100);
                columns.Bound(p => p.BirthDate).Title("Student BirthDate").Format("{0:yyyy-MM-dd}").Visible(false);
                 })
                 .Navigatable()
                 .Scrollable()
                 .Sortable()
                 .DataSource(dataSource => dataSource
                  .Ajax()
                  .Read(read => read.Action("GetStudentInfo", "Home"))
                            .Group(i => i.Add(a => a.BirthDate))
                    ).AutoBind(true))

小组结果标题是:

BirthDate:2014年8月7日星期四00:00:00 GMT + 0800

如何显示小组标题,如“Student BirthDate:2014-08-07”?

2 个答案:

答案 0 :(得分:2)

如评论中所述,您可以通过GroupHeaderTemplate实现您的要求。我为此创建了一个样本。

您需要添加的唯一内容是代码:

.GroupHeaderTemplate("Student BirthDate: #=  kendo.toString(value, 'yyyy-MM-dd') #")

Demo

答案 1 :(得分:1)

这将对您有所帮助:

console.log(kendo.toString(new Date("Wed Apr 08 2015 00:00:00 GMT+0530 (India Standard Time)"), "yyyy/MMM/d"));