[VUE] bind the element of the column with an event using jquery

[c.amine]

I have a column with checkboxes which I create using the render option

I want to bind the checkboxes with events using JQuery but when I scroll the component keep rendering the rows so I lose the connection between the event and the element!

Is there an easy way to create custom items inside columns and link them with an event listener?

[mats]

Why use jQuery for this? Just use event delegation listen to a parent element once. https://dmitripavlutin.com/javascript-event-delegation/

[c.amine]

i still have a problem with checkboxes ... after I scroll the checkboxes are rendered again so they are no more checked !!

[pmiklashevich]

We could not reproduce this issue. To assist you with your question, please provide more details including a runnable test case (as described in our support guidelines).

To get the fastest possible support, provide a simple test case based on our standard examples.

[pmiklashevich]

If you need checkbox row selection you can configure selectionMode.

Also there is a CheckColumn. Please check out the docs: https://www.bryntum.com/docs/gantt/#Grid/column/CheckColumn

[Animal]

i still have a problem with checkboxes ... after I scroll the checkboxes are rendered again so they are no more checked !!

Unless the checked column is linked to a boolean field in the underlying data, then what application state are you changing when checking a checkbox in a column?

Go to https://www.bryntum.com/examples/grid/bigdataset/ and type the following into the debugger:

grid.columns.add({ type : 'check', field : 'done', text : 'Done' });

That is linked to the "done" boolean field in the underlying data.