Bryntum Support Forums

Hi there, I already call the method taskRenderer to clean the value of the task name that comes from our Database like so:

But when I call the load() method from the Taskboard Project the first renderization doesn't work like so:

But when I click over a task card, it triggers something that execute the taskRenderer method now correctly like so:

Is there a configuration that I miss...

Regards

Hi,

A taskRenderer is for formatting the output. We strongly recommend not assigning any values to records in it since assigning triggers another render. I will clarify this in docs.

If you need to process the data arriving from your backend you should do so on an earlier stage, perhaps in a https://bryntum.com/docs/taskboard/#TaskBoard/model/ProjectModel#event-beforeLoadApply listener

Excellent @johan ... Thanks for your help...

Regards

Hi @johan, I already use the project event "beforeloadapply" like so:

In the developer console I can see the data already cleaned and I already assign the cleaned data to the "event.response", but I still see the not cleaned data like so:

Am I doing something wrong?

Regards

Hi @johan, this works for me:

Regards

Hi,

The https://bryntum.com/docs/taskboard/#TaskBoard/view/TaskBoard#config-processItems hooks purpose is to determine/manipulate which items (text items, image items) etc are displayed on a tasks card. It is called on each render, thus performing actions in it that triggers a new render is not recommended.

I tried changing the project config in the columns demo to this:

project : {
        transport : {
            load : {
                url : 'data/data.json'
            }
        },

    autoLoad : true,

    onBeforeLoadApply({ response }) {
        for (const data of response.tasks.rows) {
            data.name = 'Hello';
        }
    }
}

And got this result:

Seems to work as intended, give it another shot?

Wow, excellent @johan, it works ... thanks

Regards