filterable Boolean|Object
(default: false)
If set to true
, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration.
Example - enabling and configuring filtering
<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
height: "100em",
columns: [
{ field: "lastName" },
{ field: "position" },
{ field: "extension" }
],
dataSource: [
{ id: 1, parentId: null, lastName: "Jackson", position: "CEO", extension: 8241 },
{ id: 2, parentId: 1, lastName: "Weber", position: " VP, Engineering", extension: 8342 }
],
filterable: {
extra: false,
messages: {
and: "and",
or: "or",
filter: "Apply filter",
clear: "Clear filter",
info: "Filter by: ",
isFalse: "False",
isTrue: "True",
selectValue: "Select category",
cancel: "Reject",
operator: "Choose operator",
value: "Choose value"
},
operators: {
string: {
eq: "Equal to",
neq: "Not equal to",
startswith: "Starts",
endswith: "Ends",
contains: "Contains",
doesnotcontain: "Doesn't contain"
},
number: {
eq: "Equal to",
neq: "Not equal to",
gt: "Greater than",
gte: "Greater than or equal to",
lt: "Less than",
lte: "Less than or equal to"
},
date: {
gt: "After",
gte: "On or after",
lt: "Before",
lte: "On or before",
eq: "On",
neq: "Not equal"
},
enums: {
eq: "Equal to",
neq: "Not equal to"
}
}
}
});
</script>
Related Properties
- filterable.extra
- filterable.messages
- filterable.messages.and
- filterable.messages.clear
- filterable.messages.filter
- filterable.messages.info
- filterable.messages.title
- filterable.messages.isFalse
- filterable.messages.isTrue
- filterable.messages.or
- filterable.mode
- filterable.operators
- filterable.operators.date
- filterable.operators.date.eq
- filterable.operators.date.neq
- filterable.operators.date.isnull
- filterable.operators.date.isnotnull
- filterable.operators.date.gte
- filterable.operators.date.gt
- filterable.operators.date.lte
- filterable.operators.date.lt
- filterable.operators.number
- filterable.operators.number.eq
- filterable.operators.number.neq
- filterable.operators.number.isnull
- filterable.operators.number.isnotnull
- filterable.operators.number.gte
- filterable.operators.number.gt
- filterable.operators.number.lte
- filterable.operators.number.lt
- filterable.operators.string
- filterable.operators.string.eq
- filterable.operators.string.neq
- filterable.operators.string.isnull
- filterable.operators.string.isnotnull
- filterable.operators.string.isempty
- filterable.operators.string.isnotempty
- filterable.operators.string.startswith
- filterable.operators.string.contains
- filterable.operators.string.doesnotcontain
- filterable.operators.string.endswith