Our flexible Kanban board for managing tasks with drag drop


Post by Animal »

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.


Post by suhas.kachare »

Hi Team,

I am still not able to highlight a task. Can I please get an update on whether this ticket is closed or not?


Post by alex.l »

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


Post by suhas.kachare »

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 27 times

Post by johan.isaksson »

Hi,

I tried your code and it is working for me (I did have to add the styling for the b-match rule though):

cls.gif
cls.gif (38.87 KiB) Viewed 409 times

If you are not using cls on the tasks elsewhere, you could simplify it by just using a string for the cls.

Best regards,
Johan Isaksson

Post Reply