ExtJS -- grid rowwidget plugin creating widgets on scroll

Question

I have an ExtJS 6.5.1 app. I have a grid that uses the "rowwidget" plugin with a grid as the widget. If I scroll the parent grid all the way to the bottom then back to the top, it creates a duplicate widget for that row causing unexpected behavior.

Here is the fiddle.

Steps to reproduce: 1) Expand any row 2) scroll parent grid all the way to the bottom 3) scroll back to top

and you will notice the length of the widget component increasing meaning multiple instances are being created. After a while everything breaks and I get all sorts of errors.

Aparently, it has to do with the repeated records in the first grid. In your fiddle, just change the parent grid data to unique values, put a number before each name for example, and the strange behavior stops — Fabio Barros
it doesnt have to do with duplicate records but the number of records. You can check the latest fiddle I have added unique records and even replaced the plugin widget with a textfield and multiple instances are still created on scroll. — stackato

Fabio Barros Fabio Barros · Accepted Answer · 2018-08-08T14:10:38

I think I find the culprit, the grid is "bufferedRenderer: true" by default, set it to false

bufferedRenderer:false

otherwise it keeps erasing the widget when the row is out of view and when you scroll back it creates another one

ExtJS -- grid rowwidget plugin creating widgets on scroll

1 Answers