Rank 1
Iron
Iron
I have a grid with both its pageable and navigable settings turned on. This grid works fine but appears to oddly affect another grid on the page that is added dynamically when a button is clicked.
The dynamically created grid has selectable set to true and it has a checkbox column. The checkbox can be checked but not unchecked.
When either pageable or navigable is turned off for the first grid, the checkbox in the dynamic grid works as expected.
Here is a stackblitz project demonstrating the issue: (tested in Chrome and Edge)
https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-lqeqyu
This project uses older versions of Angular and Kendo, and I have tested with the latest versions and the bug is fixed.
Is there a temporary workaround for this issue until I am able to upgrade?
Thanks!
Marvin
1 Answer, 1 is accepted
Rank 1
Iron
Iron
I investigated more and found that this issue also occurs when the second grid is declaratively created in the template.
If the grid with the checkbox occurs first in the template, the issue is not present.
Also, if both grids have navigable set, it doesn't appear to be an issue.
Hi Marvin,
I am glad that you found some alternative approaches that can be used in such a case.
Do let me know if any further assistance is required on the matter.
Regards,
Yanmario
Progress Telerik
Hi Marvin,
Indeed I noticed the described behavior and currently there isn't a simple workaround that can be applied. Updating to a version where the bug isn't present would be the most straightforward approach. In this case, at least in one of my testing in v5.5.1 the bug was not present:
https://stackblitz.com/edit/angular-uwkug7-ermkpx?file=app%2Fapp.component.ts,app%2Fgrid-factory%2Fgrid-factory.component.html,app%2Fgrid-factory%2Fgrid-factory.component.css
I hope the provided information was helpful to determine that there isn't a fairly simple way to workaround this behavior and that updating would be the best and fastest approach.
Regards,
Yanmario
Progress Telerik