FYI, this fix made it in, so the upcoming 5.3.0 will allow you to mutate the cls
of a task, and have that reflect in the DOM.
Support Forum
Hi,
You can check the status by the link provided https://github.com/bryntum/support/issues/6273
The ticket is fixed and released with 5.3.0 version. Did you try it with 5.3.0+ version?
All the best,
Alex
Yes, I am using version 5.3.0, but it is still not working for me.
Below is the code
{
type: "textfield",
ref: "highlight",
placeholder: "Highlight tasks",
clearable: true,
keyStrokeChangeDelay: 100,
triggers: {
filter: {
align: "start",
cls: "b-fa b-fa-search",
},
},
onChange(event) {
const {
source: {
parent: { parent: taskBoard },
},
value,
} = event;
taskBoard.project.eventStore.forEach((task) => {
const taskClassList = new DomClassList(task.cls);
if (value !== "" && task.name.toLowerCase().includes(value.toLowerCase())) {
taskClassList.add("b-match");
} else {
taskClassList.remove("b-match");
}
task.cls = taskClassList.value;
});
taskBoard.element.classList[value.length > 0 ? "add" : "remove"]("b-highlighting");
},
}
Package.json code
"@bryntum/demo-resources": "^1.1.0",
"@bryntum/taskboard": "npm:@bryntum/taskboard-trial@^5.3.0",
"@bryntum/taskboard-react": "^5.3.0",
Please find below an attached screen recording for your reference.
- Attachments
-
- Screen Recording 2023-03-27 at 4.48.01 PM.mov
- (4.63 MiB) Downloaded 28 times