Our flexible Kanban board for managing tasks with drag drop


Post by shimnx »

Now I custom edit popup window, when I double click on the task card will appear after a drawer, I will be in the right to edit, click on the CARDS the question now is, how can I when editing can modify the data in the card, for example: I have modified the card of a field is high, so I hope the card field also directly to high

 tasks = [
        { id: 1, name: 'My first task',"progress" : 45, status: 'Todo', "prio": "medium", date:"2022-08-01" ,group:'GroupA' , dailyTask:1,action:3},
        { id: 2, name: 'My second task',"progress": 45, status: 'Todo', "prio": "high", date:"2022-02-01",group:'GroupA', dailyTask:1,action:3}
    ];
    resourcesDatas = [
        { id : 1, name : 'Angelo', image : 'angelo.jpg' },
        { id : 2, name : 'Celia', image : 'celia.jpg' },
    ]
    assignmentsDatas : [
        { id : 1, event : 1, resource : 1 },
        { id : 2, event : 2, resource : 2 },
    ]
    (this.taskboard.project as any).loadInlineData({
            tasksData: this.tasks,
            resourcesData:this.resourcesDatas,
            assignmentsData:this.assignmentsDatas
        })
    
Attachments
Media1.mp4
(1.74 MiB) Downloaded 72 times

Post by tasnim »

You can use this event on the combo https://bryntum.com/docs/taskboard/api/Core/widget/Combo#event-select to listen for select. When it selects add the selected value to the taskRecord's status


Post by shimnx »

But I have custom HTML on the right, and I want to change the value of the card when the value of the selection box changes

Attachments
屏幕截图 2022-08-02 093558.png
屏幕截图 2022-08-02 093558.png (12.82 KiB) Viewed 760 times

Post by tasnim »

We can't support custom html writing by you without any code. In case you need to select both, edit your code then.
If you need assistance with that, we need a runnable test case to be able to help.


Post by shimnx »

Double clicking the card will pop up a box from the right, in this box, I want to edit the card information when the real-time update

Attachments
屏幕截图 2022-08-02 153130.png
屏幕截图 2022-08-02 153130.png (6.11 KiB) Viewed 753 times
advanced examples 3.zip
(7.24 MiB) Downloaded 73 times

Post by tasnim »

Hi,
After doing npm start I'm getting lot of errors not able to run your application

Screenshot 2022-08-02 172344.png
Screenshot 2022-08-02 172344.png (162.48 KiB) Viewed 741 times

Please let me know, how can I run your application?


Post Reply