Bug report

TreeList items cannot be expanded or collapsed when a row template is set.

Reproduction of the problem

1. Open the following Dojo - https://dojo.telerik.com/aDilOsAC
2. Try to collapse the parent items.

Current behavior

The parent items cannot be collapsed or expanded.

Expected/desired behavior

Should be able to collapse and expand the parent items.

Workaround

Add the 'ref-treelist-expand-collapse-icon' attribute to the expand/collapse caret icons programatically in the expand, collapse, and dataBound events:

• https://dojo.telerik.com/IQABINAw

Environment

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

Kendo UI Treelist currently only supports pagination using pager. This is confusing for user when the hierarchy is spread across multiple pages. On the other hand if Treelist supports Virtual Scrolling (client side paging) like we see in Grid, the user will get more clarity of the hierarchical structure. 

Bug report

When an item is expanded and the refresh icon is displayed due to an issue with the sent request (for example а failed request), the icon gets replaced by a loading indicator once another item is expanded.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/ebehaBAL
2. Expand the 'First Expand' item.
3. Expand the 'Last Expand' item.

Current behavior

After expanding the second item, the refresh icon from the first item disappears and a loading indicator replaces it.

Expected/desired behavior

The refresh icon should still be displayed and should not be replaced by a loading indicator.

Environment

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

I needed the hierarchal datasource so I used a treelist instead of a grid. I am using a lot of special features; locked columns, columnMenu. But I found that the treelist does not support all the same things the grid does.

Here are a few I found:

•   columnMenu: false does not work
•   grid resizeColumn() method does not exist on treelist
  

 

Bug report

Custom dropdownlist editor in Treelist collapses the component since 2023.1.314

Reproduction of the problem

Dojo: https://dojo.telerik.com/uSufOfOt

Click on the Edit button in the top parent row

Open the DropDownList editor in Last Name column

Expected/desired behavior
TreeList shall not collapse 

Environment
Kendo UI version: 2023.1.314 or newer
Browser: [all]

Hello,

We found a bug in the latest version of Kendo related to the reordering columns in Treelist when inside a Grid DetailTemplate

See the Dojo below to replicate the problem:

https://dojo.telerik.com/exotEsej

Expand the detail row under a grid row and attempt to drag one of the treelist column titles to the left or right and note that an error is thrown.

Uncaught TypeError: Cannot read properties of undefined (reading 'lockable')

Let us know when you have a workaround for this as it prevents us from promoting this version of Kendo to our production environment.

Thank you,

Brad Garner

In a out of the box popup edit, the update/cancel buttons are to the left, should be to the right for consistency with grid. Add class k-actions-end to the div with k-edit-buttons as done in grid.

I am using bootstrap-v4 css file.

Hi,

Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220

 

After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.

 

 

Template to render:

<script id="actions-template" type="text/x-kendo-template">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">

        <i class="fas fa-calendar-alt" /></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">

        <i class="fas fa-pencil-alt" /></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">

        <i class="fas fa-trash-alt" /></a>

    </div>

</script>

 

Rendered template (good one) with previous version v2019.1.220

 

<td role="gridcell" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>

    </div>

</td>

 

Rendered template (buggy one) after upgrading to version 2022.3.913

 

<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >

        <i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">

    </i></div><i class="fas fa-calendar-alt">

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >

        <i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">

    </i></div><i class="fas fa-pencil-alt">

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >

        <i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">

    </i></div><i class="fas fa-trash-alt">

</i></i></i></td>

 

As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…

I have also been playing in the Dojo and this seems to be the case.

 

Regards….

Bug report

Incell edit mode of the Kendo UI TreeList requires 2 clicks to enter edit mode. The issue can be replicated only when any of the columns have a template and the widget is used in AngularJS environment.

Reproduction of the problem

1. Create a TreeList widget, set the incell edit mode, and set a template for any of the columns.

2. Edit one cell and directly click on the next one - it requires 2 clicks to open for edit.

Sample for reproduction:

https://dojo.telerik.com/OGOkODos

Environment

* **Kendo UI version:** 2020.2.617
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Hi, I found a bug which is reproduced in following dojo: https://dojo.telerik.com/OcaTEbOk
I need to disable row which meet some conditions after dataBound event. To do that class 'k-disabled' is added to each tr in grid and it works fine. Now, I collapse node with disabled rows and expand it again. Even nodes are indeed disabled but odd nodes are enabled (k-disabled class is removed from these rows). Check example provided above. Try to collapse 'Constance Vazquez' node (there are only disabled rows there) and expand again. 

Bug report

If the read() method of the data source of the TreeList widget is called, the pager is not refreshed. It retains the only pages and information.

Reproduction of the problem

1. Update the data source of the TreeList widget.

2. Notice that the pager is not completely refreshed.

A Dojo sample for reproduction:

https://dojo.telerik.com/aHIPUgIz

Expected/desired behavior

Refresh the pager whenever the data source of the TreeList is refreshed.

Environment

* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Setup a Treelist with paging

edit set to popup

get "Maximum call stack size exceeded" error after update

I removed the paging and it works as expected

 

 

Please consider adding persis selection functionality to the TreeList. Such is available in the Grid:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/persistselection

Hi Team,

I'd like to request the functionality to filter only parent records and not the child's records.

Thank you!

The Kendo TreeList has an incorrect colspan value for the headers when the first column is hidden and the file is exported to Excel.

Dojo:

https://dojo.telerik.com/IFuCutaV/4 

The names of the headers are not displayed in the correct positions.

Hi Team,

I would like to request the Kendo UI TreeList to have an optional setting to show aggregate values at the parent row based on the children's aggregates.  

Thank you!

apply a row template to the TreeList !

Hello,

We have a grid of tasks and each row has a detail's pane (hierarchy) that shows, when expanded, a tree list of sub-tasks.

If you attempt to delete a tree list node (not the last) it will delete the node correctly, but will trigger the grid's to prompt the user to make sure the item should be deleted or not (which is NOT normal). But when this is shown, it is already too late to Cancel has the tree list has already deleted the item. Users don't understand why they are given a chance to prevent the deletion, but it does not work.

So in short, we want the tree list, when the users deletes a node, to not trigger (i.e. to prevent) the grid's item deletion.

Here is a dojo that shows what happens:

https://dojo.telerik.com/APaXoRuR

1. Load the Dojo and open the Network tab of the developer toolbar
2. Expand one of grid's detail row
3. Attempt to delete one of the tree list items (except the last item)
4. Note the dialog popup which is not normally shown for a treelist
5. Note the Item is already deleted anyway... before the popup is shown...
6. Click Cancel on the dialog
7. The item disappears even if you did cancel

Please let me know if you need more information,

Regards,

Eric.

Eric Boulé, B.Eng.
Solution Architect
Centre d’Essais Techniques de la Qualité (CETQ) | Quality Engineering Test Establishment (QETE)
Department of National Defence / Government of Canada
Eric.Boule@forces.gc.ca

Feeling excited to see Kendo UI treelist is now paginated. It would be great if the same can have virtual scroll.