[REACT] Manually calling column toolbars processItems function

[riley_procore]

Is there a way to manually call the processItems function that lives in the columnToolbarsFeature of the Taskboard?

We basically want to be able to re-run that function when a given user action takes place, instead of just on the initial page load.

https://bryntum.com/products/taskboard/docs/api/TaskBoard/feature/ColumnToolbars#config-processItems

[marcio]

Hey riley_procore,

Thanks for reaching out.

You can call it directly — the configured function is available on the feature instance: taskBoard.features.columnToolbars.processItems. Example (using the React wrapper ref to get the native instance):

const feature = taskBoardRef.current.instance.features.columnToolbars;
const items = {}; // start from feature.topItems / bottomItems or an empty object
await feature.processItems?.({ items, location: 'bottom', columnRecord, swimlaneRecord });

Note: processItems only mutates the items object — it does not automatically rerender an already-created toolbar. After calling it you must apply the mutated items to the column's toolbar (or recreate/refresh that toolbar).

If you need further assistance on this, please let us know.

[riley_procore]

Thanks Marcio. Is there a native way to recreate/refresh the toolbars without reloading the entire page? Or will I need to rely on React's rerendering?

Essentially what I want to do is show a specific toolbar when there is only one column in the taskboard, then when filters are removed, show a different toolbar when more than one column are present. Currently, when we go from one column to many, all the new columns and their toolbars render correctly, but the single column that was already on the page does not update.

[marcio]

Hey riley_procore,

There isn’t a single built‑in “refresh all toolbars” method. You can manually re-run processItems (as Marcio showed) and then recreate the actual Toolbar widget for each column that needs changing.

So most likely you'll need to rely on React's rerendering.