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

How To Get the DataItem of the Selected Node in DropDownTree


Product Progress® Kendo UI® DropDownTree for jQuery


How can I retrieve the dataItem of the selected node in Kendo UI for jQuery DropDownTree?


  1. Handle the select event of the DropDownTree.
  2. In the event handler you can access the embedded TreeView.
  3. Then, you can use the TreeView dataItem method.
    <input id="dropdowntree"/>
      var dataSource = new{
        transport: {
          read: {
            url: "",
            dataType: "jsonp"
        schema: {
          model: {
            id: "EmployeeId",
            hasChildren: "HasEmployees"

        dataSource: dataSource,
        dataTextField: "FullName",
        dataValueField: "EmployeeId",
        select: function(e) {
          var treeview = e.sender.treeview;
          // the result can be observed in the browser`s console (F12)

See Also

In this article