Rank 1
The problem now is that my tiles begin reordering with drag capabilities when I attempt to select several rows in my grid.
code : Q1u7xf (forked) - StackBlitz
you can see the video here.
https://www.loom.com/share/5ffbe26f35314f2882ec8285f523a067?sid=07a9286c-6e41-46aa-9e71-a64abc1d2558
According to the Kendo jQuery documentation, we may only rearrange the tiles in the header section.So, is it possible to rearrange tiles using just the header portion in ReactJS?
1 Answer, 1 is accepted
Hello Mohit,
The TileLayout has ignoreDrag property that can be used for ignoring specific elements from being used for the dragging:
As mentioned in the property description, you can use the following to allow the dragging only from the headers:
ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }} I have modified the example to demonstrate the above approach:
However, there seems to be an issue with the selection rectangle after the first selection and it seems to be caused by the TileLayout components. We will have to further investigate this, but please note that the TileLayout was not designed to support interactive and complex components within it, especially with the enabled reordering, because each move while dragging the tiles will cause the child component to re-render/re-mount, which could cause performance issues.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!