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….
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
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
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
### Bug report
The change event is not triggered, when a checkbox is selected in the Keno UI TreeList widget.
### Reproduction of the problem
1) Create a checkbox selectable TreeList widget;
2) Select/check any of the checkboxes;
3) The change event is not triggered;
4) Unselect/uncheck any of the checkboxes;
5) The change event is triggered;
A Dojo sample for reproduction: https://dojo.telerik.com/EWUFOhip
### Expected/desired behavior
The change event should be triggered, when a checkbox is selected in a checkbox selectable TreeList widget.
### Environment
* **Kendo UI version:**2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]
### Bug report
When custom classes are set via the headerAttributes of the column and the showColumn is called, the predefined classes are wiped away
### Reproduction of the problem
1. Set custom class via headerAttributes.
2. Call the showColumn method.
3. Custom classes are wiped away.
Dojo sample for reproduction:
https://dojo.telerik.com/UJalevej
### Expected/desired behavior
The classes should be retained after the method is called.
### Environment
* **Kendo UI version:** 2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]
Bug report
TreeList Drag and drop row to the bottom of the list does not work when the bottom item has no children
Reproduction of the problem
1. Open the following Dojo:
https://dojo.telerik.com/eTiZONIj
2. Drag Jane and Drop it under Maria
Current behavior
Jane goes above Maria
Expected/desired behavior
Jane shall be placed at the bottom of the list under Maria
Environment
Kendo UI version: 2020.3.1118
Browser: [all]
The grid dataBinding event exposes useful information like the action, based on which I can implement my logic.
The treeList equivalent only has the sender, making it virtually useless.
Feature enhancement
Scrolling on TreeList locked columns is slow/jumpy
Reproduction of the problem
https://dojo.telerik.com/IcoyOcAK
- Open above dojo
- Expand First Name column items until a vertical scrollbar appears
- Scroll with the mouse over the locked column (First Name)
Current behavior
Scrolling is slow an jumpy
Expected/desired behavior
Scrolling shall be smooth, the same as when scrolling over the non-locked columns
The functionality of treelist with drag&drop without autosync and without batch saving, at the end of the drop the change is not saved.
There is available a hack in the forum
https://www.telerik.com/forums/drag-and-drop-not-hitting-update-action
For me this is a bug because I would expect for the change with drop to be automatically saved but it seems that for your support it is not. I understand that all the other changes are saved by the user with a button but the drag&drop does not have a button for it.
So if you do not want to implement this at least add a warning in the drag&drop demos page about this and provide the hack from the forum link or something so that others can know that they have to apply the hack in order for the drag&drop change to be automatically saved.
Steps to reproduce the bug:
1. Navigate and run the DOJO example here--> https://dojo.telerik.com/uFIWePam
2. Click on "Export to Excel"
3. Either download the file or just click Cancel/Close the download dialog box.
4. Now expand the first node in the list.
5. Appears that all the other nodes get expanded.
### Bug report
Treelist column's filterable property is applied to the wrong field when column locking and a multi-column header is applied.
Reported in: 1446991
### Reproduction of the problem
https://dojo.telerik.com/@Mearaj_6303/EDuhUlOG
### Current behavior
The Filter from "Position" is hidden.
### Expected/desired behavior
The Filter from "Phone" is hidden.
### Environment
* **Kendo UI version:** 2019.3.1023
* **Browser:** [all]
Hi
In the TreeList control when I Freeze first column and apply multi column header in some other column, then setting the filterable property for a column after multi column header is applied to some other column instead of the column on which it is set.
You can find a working sample here.
In this example note that I have set the filterable property false for field "Phone" but its effect is applied on "Position" field and its filters are hidden. Similarly if you apply filterable: false on "Extention" field then the filter on "Address" field will be gone.
Kindly provide a solution for this problem, also let me know if a work around exists for this issue.
When using the grid in navigatable mode, cells are correctly described, as seen in line 6014 of kendo.grid.js:
if (navigatable) {
rowTemplate += ' aria-describedby=\'' + column.headerAttributes.id + '\'';
}
This simple, yet essential functionality is missing in TreeList.
When attempting to use the filter function on a TreeListDataSource, the linked TreeList control reports that are no records to display regardless of what filter is entered. This includes attempts to clear/reset the filters using an empty object/null and behaves the same regardless of whether serverFiltering is enabled.
The TreeListDataSource object contains the expected records.