Last Updated: 30 Jun 2020 10:27 by ADMIN

Please Implement Cleaner "Fully Loaded" Event Instead of Multiple onDataBound Checks as per recommended per this approach:  https://docs.telerik.com/kendo-ui/knowledge-base/dropdowntree-fully-loaded

That works fine, but if I have multiple DropDownTree elements on the page, this is a lot of extraneous code. Could this not be encapsulated within the library with a true event?

Perhaps it could be something like "contentLoaded" or "treeeInitialized". 


In my case I would then use it to fulfill a Promise or other actions.

Last Updated: 08 Jun 2020 06:05 by ADMIN
Created by: Saravanamanikandan
Comments: 1
Category: DropDownTree
Type: Bug Report

Hello Team,


Please refer this DoJo - http://dojo.telerik.com/@SaravanaMS/utINiRUq

We have a dropdowntree component added in a grid and when we collapse the dropdowntree options - dropdowm box stays at top.


Steps to reproduce - 

1. open all options from top to bottom 

2. collapse the option from bottom to top

3. once the top option is collapsed - dropdown box stays at top

Last Updated: 13 Apr 2020 06:05 by ADMIN
Created by: Nasser
Comments: 4
Category: DropDownTree
Type: Feature Request
Implement server filtering for the DropDownTree.
Last Updated: 23 Mar 2020 08:50 by ADMIN
Release 2020.R1.SP.next

Bug report

Regression introduced in R1 2020.

Reproduction of the problem

Reproducible in the demo.

  1. Focus the DropDownTree.
  2. Click the "Check all" checkbox.

Current behavior

The DropDownTree items are not checked. The issue is reproducible only if the checkbox is clicked. Clicking its label, or checking the checkbox with the keyboard (Space key) checks all items as expected.

Expected/desired behavior

All items are checked.


  • Kendo UI version: 2020.1.219
  • jQuery version: x.y
  • Browser: [IE, Edge(Spartan) ]
Last Updated: 25 Feb 2020 13:20 by ADMIN
Allow other widgets to cascade from the DropDownTree through the cascadeFrom option.
Last Updated: 03 Feb 2020 08:59 by ADMIN

It would be nice to have the functionality to dynamically switch tagNodes, this feature would help sort out the issue of expanding the dropdown if many selections have been made .i.e.

It should show like the image below instead

It would also be great to add the feature to auto-select the parent's children and their sub children if the parent is checked.

The workaround for these issues is available on  this dojo

Last Updated: 15 Jan 2020 14:54 by ADMIN
Created by: Michael
Comments: 1
Category: DropDownTree
Type: Feature Request
Add the parent method for DropDownTree that functions the same as the parent method in  the TreeView widget.
Last Updated: 13 Jan 2020 09:20 by ADMIN
Release R1 2020

Bug report

Unexpected change event triggering when using value() method of remote datasource DropDownTree with checkboxes and autoBind false

Reproduction of the problem

  1. Run the following Dojo
  2. Click on Load button to set the value of the Child item

Current behavior

Script runs through datasource read else, then through datasource read if and then DropDownTree's change event is fired.

NOTE: if there is no setTimeout or if the two nodes are loaded at the same time with no if else clause, then the issue is not reproducible.

Expected/desired behavior

DropDownTree's change event is not fired, when value() method is called.


  • Kendo UI version: 2019.2.619
  • Browser: [all]

Similar fixed issue: #4352

Last Updated: 20 Dec 2019 11:53 by ADMIN
Created by: Samuel
Comments: 1
Category: DropDownTree
Type: Feature Request

I use the below template to render nodes (so that root nodes do not have a checkbox), but when I click checkAll button the root node(s) content are also displayed as selected


You should provide an event to custom handle this behavior and ignore nodes unselectable

 .Checkboxes(setting => setting
                                                .Template("# if (item.level() > 0) { #" +
                                                            "<input type='checkbox' #= item.checked ? 'checked' : '' #>" +
                                                            "# item.text = item.SymptomName #" +
                                                            "#}else{#" +
                                                                "# item.text = item.LocationName #" +


Keep up the awesome work !

Last Updated: 14 Nov 2019 07:28 by ADMIN
Created by: Martin
Comments: 1
Category: DropDownTree
Type: Feature Request

In cases when we have loadOnDemand set to true and we want to populate the value of the DropDownTree initially we need a way to check if this value is part of the available options. One possible solution is adding a valueMapper function similar to the one use in virtualization scenarios.

Won't Fix
Last Updated: 08 Nov 2019 10:45 by ADMIN
Created by: Juan
Comments: 2
Category: DropDownTree
Type: Bug Report


I have a DropDownTree with checkboxes, like so:

                        placeholder: "Select Work Zones...",
                        dataTextField: "name",
                        dataValueField: "id",
                        valuePrimitive: true,
                        checkboxes: true,
                        checkAll: true,
                        autoClose: false,
                        autoBind: false,
                        dataSource: data.workZones


I get an instance of it like so:

    var wz = $('#cbxWorkZones').data("kendoDropDownTree");

I evaluate value and get this: []  meaning, there are no values selected.

Then I set its value like so:

    wz.value(["8", "6"]);

After setting the values, I evaluate value again, and I get this: [8,6,8,6]

Why are the values duplicated?




Last Updated: 30 Oct 2019 15:04 by ADMIN
Created by: Mark Kedgley
Comments: 1
Category: DropDownTree
Type: Bug Report

The problem is easily reproduced using the widget demo page https://demos.telerik.com/kendo-ui/dropdowntree/index

Simply switch to the High Contrast theme; the k-widget element is lacking the border-radius style hence looks different to the other widgets.

It looks like the k-dropdowntree class is missing from the following style rule:

.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
    border-radius: 13px


Last Updated: 14 Oct 2019 07:37 by ADMIN
Created by: James
Comments: 7
Category: DropDownTree
Type: Bug Report


When using the dropdown tree on safari using the bootstrap themes when the page has scrollbars and clicking on the dropdown the page scrolls up, even though there is available space:


Please see this Dojo which replicates the issue:




Open the above URL in Safari, chick on the dropddown and the page scrolls up and the dropdown is no longer visible.



James Qu



Last Updated: 25 Jul 2019 07:39 by ADMIN

Hi Team,


It's an issue in keyboard navigation support for DropDown Tree, where am not able to scroll to the end node. Given the scenario in below link



Am using  2019.2.619 version.





Last Updated: 19 Jun 2019 14:43 by ADMIN


  1. Load on demand enabled
  2. Check Children is set true
  3. Remote api call to load data.
  4. Attached sample code is using kendo services.


Issue or Scenario:

When you select the top node or checkbox, it shows 1 item(s) selected. However, when you expand and deselect child nodes or checboxes, the single tag message will removed and blank field is present.

please find below code and attached gif file, these files will give you clear understanding on the issue with dropdowntree.


<!DOCTYPE html>
    <base href="https://demos.telerik.com/kendo-ui/dropdowntree/remote-data-binding">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script>

        <div id="example">
            <div class="demo-section k-content">
                <input id="dropdowntree" style="width: 100%;" />
                var serviceRoot = "https://demos.telerik.com/kendo-ui/service";
                    homogeneous = new kendo.data.HierarchicalDataSource({
                        transport: {
                            read: {
                                url: serviceRoot + "/Employees",
                                dataType: "jsonp"
                        schema: {
                            model: {
                                id: "EmployeeId",
                                hasChildren: "HasEmployees"

                    placeholder: "Select ...",
                    dataSource: homogeneous,
                    height: "auto",
                   checkboxes: { checkChildren: true },
                    dataTextField: "FullName",
                   clearButton: true,
            checkAll: false,
            autoClose: false,
            tagMode: "single",
                   loadOnDemand: true