ResourceMenu

Applicable only for Scheduler in vertical mode. Right click resource header cells to display a context menu.

To invoke the menu in a keyboard-accessible manner, use the SPACE key when a resource cell is focused.

Default menu items

The ResourceMenu feature provides only one item by default:

Customizing the menu items

The menu items in the resource menu can be customized, existing items can be changed or removed, and new items can be added. This is handled using the items config of the feature.

Add extra items for all columns:

const scheduler = new Scheduler({
    mode     : 'vertical',
    features : {
        resourceMenu : {
            items : {
                extraItem : {
                    text   : 'My cell item',
                    icon   : 'fa fa-bus',
                    weight : 200,
                    onItem : () => ...
                }
            }
        }
    }
});

Remove an existing item:

const scheduler = new Scheduler({
    mode     : 'vertical',
    features : {
        resourceMenu : {
            items : {
                remove : null
            }
        }
    }
});

Customize existing item:

const scheduler = new Scheduler({
    mode     : 'vertical',
    features : {
        resourceMenu : {
            items : {
                remove : {
                    text : 'Remove',
                    icon : 'fa fa-dumpster'
                }
            }
        }
    }
});

It is also possible to manipulate the default items and add new items in the processing function:

const scheduler = new Scheduler({
    mode     : 'vertical',
    features : {
        resourceMenu : {
            processItems({items, record}) {
                if (record.cost > 5000) {
                    items.myItem = { text : 'Split cost' };
                }
            }
        }
    }
});

This feature is disabled by default.