I share the script of the grid, Hope it will help you.
//start Kendo UI Grid
$("#CustomerAccountManageKendoGrid").kendoGrid({
dataSource: {
transport: {
read: "CustomerAccountManageRead"
},
schema: {
model: {
fields: {
CustomerAccountManageID: { type: "string" },
ManagerName: { type: "string" },
CustomerName: { type: "string" },
AssignDate: { type: "date" },
ActiveStatus: { type: "string" },
ActionLink: { type: "string" }
}
}
},
pageSize: 20,
serverPaging: false,
serverFiltering: false,
serverSorting: false
},
height: 600,
filterable: true,
groupable: true,
sortable: true,
resizable: true,
pageable: {
refresh: true,
pageSizes: [10, 20, 40, 60, 80, 100]
},
columns: [
{ field: "CustomerAccountManageID", title: "CustomerAccountManageID", hidden: true, filterable: false, sortable: false },
{ field: "ManagerName", title: "Manager Name", width: "45%" },
{ field: "CustomerName", title: "Customer Name", width: "45%" },
{ field: "AssignDate", title: "Assign Date", width: "45%", template: '#= AssignDate == null ? "" : kendo.toString(AssignDate,"dd/MM/yyyy") #' },
{ field: "ActiveStatus", title: "Active Status", width: "45%" },
{ field: "ActionLink", title: "Actions", width: "14%", filterable: false, sortable: false, template: "#= ActionLink #" }
]
});
Comments
Post a Comment