This is a migrated thread and some comments may be shown as answers.

Group Header : Date format

6 Answers 378 Views

Grid

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 07 Feb 2017, 06:29 PM

I do have the dates formatted correctly in the grid. But the group header still does it's own thing... See the two screen shots, and here is my grid code:

@(Html.Kendo().Grid<UploadedDocument>()

.Name("docResults")

.TableHtmlAttributes(new { @class = "table-condensed" })

.Columns(cols =>

{

cols.Bound(c => c.Id)

.Width(65)

.ClientTemplate("<input type=\"checkbox\" />")

.HeaderTemplate("<input id=\"checkAll\" type=\"checkbox\" />")

.Filterable(false)

.IncludeInMenu(false)

.Sortable(false);

cols.Bound(c => c.DocketNumber);

cols.Bound(c => c.CaseId);

cols.Bound(c => c.Type);

cols.Bound(c => c.ClientId);

cols.Bound(c => c.EmployeeId);

cols.Bound(c => c.SSN);

cols.Bound(c => c.LastName);

cols.Bound(c => c.FirstName);

cols.Bound(c => c.ReceiptDate)

.ClientTemplate("#= data.ReceiptDate ? kendo.format('{0:d}', kendo.parseDate(ReceiptDate)) : '' #");

cols.Bound(c => c.Notes);

cols.Bound(c => c.Name)

.Title("Document")

.ClientTemplate("<a href=\"" + @Url.Content("~/GarnishDocs/") + "#:Name#\" target=\"_blank\">Document</a>")

.Width(115)

.Filterable(false)

.Sortable(false);

cols.Command(c => c.Edit()).Width(90);

})

.Resizable(r => r.Columns(true))

.Reorderable(r => r.Columns(true))

.Scrollable(s => s.Height("auto"))

.Sortable()

.Pageable(p => p

.PageSizes(new List<object> { 10, 20, 30, 40, 50, "all" })

.ButtonCount(10))

.Filterable(f => f.Enabled(true))

.Events(ev =>

{

ev.DataBound("gridBound");

ev.Edit("checkDocket");

})

.AutoBind(true)

.DataSource(ds => ds

.Ajax()

.PageSize(25)

.ServerOperation(true)

.Model(m =>

{

m.Id(d => d.Id);

m.Field(d => d.DocketNumber);

m.Field(d => d.CaseId);

m.Field(d => d.Type);

m.Field(d => d.ClientId);

m.Field(d => d.EmployeeId);

m.Field(d => d.SSN);

m.Field(d => d.LastName);

m.Field(d => d.FirstName);

m.Field(d => d.ReceiptDate);

m.Field(d => d.Notes);

m.Field(d => d.Name);

})

.Update(u => u.Action("EditInline", "Document"))

.Read(r => r.Action("DocumentSearchResults", "Document", new

{

unMatchedOnly = @Model.UnMatchedOnly,

docketNumber = @Model.DocketNumber,

employeeId = @Model.EmployeeId,

ssnNumber = @Model.SSNNumber,

lastName = @Model.LastName,

firstName = @Model.FirstName,

caseID = @Model.CaseId,

garnishType = @Model.GarnishType,

clientId = @Model.ClientId,

miscNotes = @Model.Notes,

startDate = @Model.StartDate,

endDate = @Model.EndDate

}))

)

.ToolBar(tb =>

{

tb.Custom().Text("Clear Filter").HtmlAttributes(new { id = "gridFilterReset", style = "float:right;" });

tb.Custom().Text("ZIP Download").HtmlAttributes(new { id = "downloadButton", style = "float:right;" });

tb.Custom().Text("New Search").HtmlAttributes(new { id = "newSearch", style = "float:left" });

tb.Custom().Text("Match Dockets").HtmlAttributes(new { id = "refreshDockets", style = "float:left" });

})

.Editable(e => e.Mode(GridEditMode.PopUp).TemplateName("GarnishDoc"))

.ColumnMenu()

.Groupable()

)

answered on 07 Feb 2017, 06:30 PM

gridwithdate.png

gridwithgroupeddate.png

Dammit, forgot to include the screenshots...