Unplanned
Last Updated: 16 Oct 2023 22:13 by Nathan

Context:

  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.

<!--BELOW IS THE CODE SAMPLE ON THIS BUG -->

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/dropdowntree/remote-data-binding">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <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>


</head>
<body>
        <div id="example">
            <div class="demo-section k-content">
                <input id="dropdowntree" style="width: 100%;" />
            </div>
            <script>
                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"
                            }
                        }
                    });

                $("#dropdowntree").kendoDropDownTree({
                    placeholder: "Select ...",
                    dataSource: homogeneous,
                    height: "auto",
                   checkboxes: { checkChildren: true },
                    dataTextField: "FullName",
                   clearButton: true,
            checkAll: false,
            autoClose: false,
            tagMode: "single",
                   loadOnDemand: true
                });
            </script>
        </div>


</body>
</html>

    
Unplanned
Last Updated: 13 Sep 2022 17:21 by Boris
Created by: Nasser
Comments: 6
Category: DropDownTree
Type: Feature Request
12
Implement server filtering for the DropDownTree.
Unplanned
Last Updated: 05 Apr 2022 21:01 by gjb
Created by: gjb
Comments: 0
Category: DropDownTree
Type: Feature Request
2
The dropdown tree is very useful. 

I have a suggestion to improve this, which would be highly appreciated by my customers:

Add a suggest possibility, the same as the suggest possibility that already is available on the combobox.

People start to type in the search box, most of time finding the one option they need, than they first have to select the option (mouse or arrows, plus enter). It would be nice if the result (when it is one result) is already selected and they should have only to press enter.
Unplanned
Last Updated: 05 Mar 2021 09:39 by ADMIN
Currently the scenario where both filtering and checkboxes.checkChildren are enabled is not supported. This is a very useful feature especially when the dropdown list is long.
Unplanned
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.

Unplanned
Last Updated: 25 Feb 2020 13:20 by ADMIN
Allow other widgets to cascade from the DropDownTree through the cascadeFrom option.
Unplanned
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

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

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
                                                .CheckChildren(true)
                                                .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 !