SelectableSettings

The selectable settings of the TreeView component.


@Component({
   selector: 'my-app',
   template: `
       <kendo-treeview
         [nodes]="data"

         [kendoTreeViewSelectable]="{ mode: 'multiple' }"

         kendoTreeViewExpandable
         kendoTreeViewHierarchyBinding
         [childrenField]="'items'"
         [textField]="'text'"
       >
       </kendo-treeview>
       <i>Press ENTER key or use mouse click to select an item</i>
   `
})

class AppComponent {
  public data: any[] = [
  {
    text: "Furniture", items: [
      { text: "Tables & Chairs" },
      { text: "Sofas" },
      {
        text: "Occasional Furniture", items: [{
          text: "Decor", items: [
            { text: "Bed Linen" },
            { text: "Curtains & Blinds" },
            { text: "Carpets" }
          ]
        }]
      }
    ]
  }
  ];
}

enabled?

boolean

Determines if a node selection is allowed. Defaults to true.

mode?

SelectionMode

The available values are:

  • (Default) "single"
  • "multiple"

In this article

Not finding the help you need?