Our flexible Kanban board for managing tasks with drag drop


Post by Gaetek »

Hello!

I am using the Task Board React component but I am not able to update the column store dynamically.

g.columns.removeAll();
g.columns.add(columns);

"g" here is a reference to the Taskboard instance and columns is an array of objects with id and text

Unfortunately the UI doesn't reflect the changes and doesn't update itself with the new columns. I need to force the update of the component but I don't know how to do that

Thanks for the hard work


Post by Animal »

This works. If g is actually an instanceof Taskboard.view.TaskBoard

changecolumns.mp4
(1.09 MiB) Downloaded 14 times

Post by Gaetek »

Thanks for the reply and the video!
I am using the react component in my project so "g" is this thing right here:

// this is pseudo code

let grid = ref || createRef();
let g = grid.current.instance;
...
 <BryntumTaskBoard
            ref={grid}
	...more props
        />

When I inspect the taskboard instance in the console, I can see that the columns data is changed but that change is not reflected by the UI


Post by mats »

Could you please provide a small test case?

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


Post by Animal »

When you set a breakpoint at g.columns = and step in what do you see?


Post Reply