Our pure JavaScript Scheduler component


Post by 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?


Post by mats »

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

Tired of debugging javascript errors in web applications? Try our powerful error logging service RootCause


Post by c.amine »

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


Post by 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.

Pavel Miklashevich - Core Developer

Post by 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

Pavel Miklashevich - Core Developer

Post by Animal »

c.amine wrote:
Fri Jan 15, 2021 1:21 pm

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.


Post Reply