Approved
Last Updated: 05 Apr 2019 10:29 by ADMIN
Created by: Nasser
Comments: 0
Category: DropDownTree
Type: Feature Request
5
Implement server filtering for the DropDownTree.
Approved
Last Updated: 19 Jun 2019 14:43 by ADMIN

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>

    
Approved
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

https://dojo.telerik.com/IROwUrot

 

Am using  2019.2.619 version.

 

 

Regards,

Minati

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

Hi,

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:

 

https://runner.telerik.io/fullscreen/uwoBEKiT/2

 

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

 

Regards

James Qu

inn

 

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

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
}