Our state of the art Gantt chart


Post by michal »

Hi,

Steps to reproduce:

  1. Open https://bryntum.com/products/gantt/examples/cellselection/
  2. Add code to the bottom:
n.on('beforeCellEditStart',  ({ source, editorContext }) => { 
    return editorContext.rowIndex % 2 === 0;
});
  1. Confirm every other cell in Name column is non-editable.
  2. Highlight multiple cells in Name column.
  3. Double click on last one that is highlighted and editable (pressing Ctrl).
  4. Change the value.
  5. Press ctrl + enter to submit.
  6. Observe all the highlighted cells were changed (including non-editable ones).

Post by marcio »

Hey michal,

Thanks for reaching out and for the detailed step-by-step to reproduce.

I created a ticket to fix that, please follow it to receive live updates https://github.com/bryntum/support/issues/11400.

Best regards,
Márcio

How to ask for help? Please read our Support Policy


Post by michal »

Thanks, is there a workaround that we could use in the meantime? Can I hook into before sync and revert the changes somehow? Any hints would be appreciated.


Post by marcio »

Hey,

A possible workaround would be to cancel the change on the store, you can use the following snippet

project : {
        taskStore: {
            listeners: {
                beforeUpdate : ev => {
                    const ganttEl = bryntum.query('gantt')
                    if(ganttEl) {
                        const row = ganttEl.getRowFor(ev.record.id)
                        if(row) {
                            return row.index % 2 === 0;
                        }
                    }
                    return;
                }
            }
        }
    }

Best regards,
Márcio

How to ask for help? Please read our Support Policy


Post Reply