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

Select

events

Triggered when a node is being selected by the user. Cancellable. When checkboxes are enabled, it is also triggered when a node is being deselected.

Note: We don't recommend using the 'select' event when checkboxes are enabled because it is not triggered when the state of the checkbox is changed.

select

Event Data

e.node `Element`

The selected node

<input id="dropdowntree"/>
<script>
$("#dropdowntree").kendoDropDownTree({
  dataSource: [{ text: "item1", value: 1 }, { text: "item2", value: 2 }],
  select: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Select", e.node);
    console.log("Node text --> " + $(e.node).text())
  }
});
</script>

<input id="dropdowntree"/>
<script>
function dropdowntree_select(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("select", e.node);
}
$("#dropdowntree").kendoDropDownTree({
  dataSource: [{ text: "item1", value: 1 }, { text: "item2", value: 2 }],
});
var dropdowntree = $("#dropdowntree").data("kendoDropDownTree");
dropdowntree.bind("select", dropdowntree_select);
</script>

Select

select

Event Data

e.node Element

e.node `Element`