Kendo UI Grid Custom Filter Type

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]

Chandra Oemaryadi has written 244 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>