Beberapa contoh custom filter type pada Kendo Grid
1. Date
[code language=”javascript”]
columns: [
//…
{
field: "LastUpdate",
title: "Last Update",
filterable: {
ui: "datepicker",
operators: {
string: {
eq: "Equals",
},
},
extra: false,
}
//…
]
[/code]
2. Dropdown
[code language=”javascript”]
function typeCourse(element) {
element.kendoDropDownList({
dataTextField: "Text",
dataValueField: "Value",
dataSource: {
data: categoryOptions
},
optionLabel: "–Select Value–",
});
}
columns: [
{
field: "CourseType", title: "Course Type",
filterable: {
ui: typeCourse,
operators: {
string: {
eq: "Is equal to",
}
},
extra: false,
},
width: "100px"
},
]
[/code]