columns.filterable.ui String|Function
The role
data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget.
Example - specifyinging the filter UI as a string
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
filterable: true,
dataSource: [
{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
},
{
id: 2,
orderId: 1,
parentId: null,
title: "Task2",
start: new Date("2014/6/17 12:00"),
end: new Date("2014/6/17 14:00")
}
],
dependencies: [
{
predecessorId: 1,
successorId: 2,
type: 1
}
],
columns: [{
field: "title"
}, {
field: "start",
filterable: {
ui: "datepicker" // use Kendo UI DatePicker
}
}, {
field: "end"
}]
});
</script>
Example - initializing the filter UI
<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
filterable: true,
dataSource: [
{
id: 1,
orderId: 0,
parentId: null,
title: "Task1",
start: new Date("2014/6/17 9:00"),
end: new Date("2014/6/17 11:00")
},
{
id: 2,
orderId: 1,
parentId: null,
title: "Task2",
start: new Date("2014/6/17 12:00"),
end: new Date("2014/6/17 14:00")
}
],
dependencies: [
{
predecessorId: 1,
successorId: 2,
type: 1
}
],
columns: [{
field: "title"
}, {
field: "start",
filterable: {
ui: function(element) {
element.kendoDatePicker(); // initialize a Kendo UI DatePicker
}
}
}, {
field: "end"
}]
});
</script>