New to Kendo UI for jQuery? Start a free 30-day trial

Search

configuration

Configures the Kendo UI TreeList search bar settings.

search

Object

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "Name" },
      { field: "Position" }
    ],
    dataSource: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
    ],
    toolbar: ["search"],
    search: {
      fields: ["Name", "Position"]
    }
  });
</script>

search.fields

Array

Defines a list of fields which will be included in the search. If values for the property are not defined the treelist will search in all column fields.

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    toolbar:["search"],
    search: {
      fields: ["name"] // Or, specify multiple fields by adding them to the array, e.g ["name", "age"]
    },
    dataSource: [
      { id: 1, parentId: null, name: "Jane Doe", age: 22 },
      { id: 2, parentId: 1, name: "John Doe", age: 24 },
      { id: 3, parentId: 1, name: "Jenny Doe", age: 3 }
    ]
  });
</script>