<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>