[REACT] [反应] custom edit tab

[kai_z]

hi, I have a question for your help. I want to create a tab similar to "resourcestab", which has the same function as "resourcestab", but the data is another group of people. Do you have similar examples?

[pmiklashevich]

Hello,

Adding a new tab to task editor is a trivial thing. We have a demo showing how to do this: https://bryntum.com/examples/gantt/taskeditor/
What you need is just specify https://www.bryntum.com/docs/gantt/#Gantt/widget/TaskEditor#config-tabsConfig config.

tabsConfig : {
    // configure existing tab
    resourcestab : {
        title  : 'People A',
        weight : 10
    },
    // add another tab
    myresourcestab : {
        type   : 'resourcestab', // this is our internal class which is used by default in Task Editor
        title  : 'People B',
        weight : 11
    }
}

But ResourcesTab is our internal class and we do not recommend to reuse its private code. Instead you can learn of the ResourcesTab sources (in non-trial version of cause), and write your own implementation of the tabs you need. We don't have ready-to-use implementation of 2 resources tabs in one task editor having different data sets.

tabsConfig : {
    // disable existing tab
    resourcestab    : false,
    // add another tab
    myresourcestabA : {
        // type   : 'myresourcestabA', // this should be your class
        title  : 'People A',
        weight : 10
    },
    // add another tab
    myresourcestabB : {
        // type   : 'myresourcestabB', // this should be your class
        title  : 'People B',
        weight : 11
    }
}

To find more about TaskEdit feature please check out our docs: https://www.bryntum.com/docs/gantt/#Gantt/feature/TaskEdit It explains how to customize the editor.

Also there are 2 hooks to manipulate fields/tabs/data etc:
https://www.bryntum.com/docs/gantt/#Gantt/feature/TaskEdit#event-beforeTaskEdit
https://www.bryntum.com/docs/gantt/#Gantt/feature/TaskEdit#event-beforeTaskEditShow

Please keep in mind that we offer Professional Services to our customers. So if you want us to implement such functionality for you, please contact our sales at bryntum.com for a quote.

Best regards,
Pavel