Premium support for our pure JavaScript UI components


Post by gorakh.nath »

Hi team,
I have requirement to handle the onClick event on resourceTimeRanges , so that we can edit or update the resourceTimeRange.
For example we are handling the click event of event like:-

  
<BryntumSchedulerPro ref={scheduler} listeners={{ eventClick: ({ eventRecord, eventElement, event }) => { // our logic.... } } }} project={{ resourcesData: data.resources, eventsData: data.events, resourceTimeRangeStore: resourceTimeRangeStore, resourceTimeRangesData: data.resourceTimeRanges }} />

configuration I use to show the resourceTimeRanges are like:-

   "resourceTimeRanges": [
        {
            "resourceId": "a",
            "timeRangeColor": "blue",
            "endDate": "2022-09-23 13:00",
            "name": "11:00 AM - 5:30 PM",
            "id": 9,
            "startDate": "2022-09-23 5:30"
        }]

I have attached screen shot for the reference
The same way I want to handle for resourceTimeRanges, How Can I do this?

Last edited by gorakh.nath on Fri Sep 23, 2022 1:10 pm, edited 2 times in total.

Post by mats »

In v5.2 (currenly in alpha) you can enable mouse events with:

resourceTimeRanges : {
            enableMouseEvents : true
        },

Demonstrated in this sample: https://bryntum.com/dist/scheduler-next/examples/booking/

https://bryntum.com/dist/scheduler-next/docs/api/Scheduler/feature/ResourceTimeRanges#event-resourceTimeRangeClick


Post by gorakh.nath »

Hi mats,
We need it urgently so do we have any workaround to handle the event?


Post by mats »

Sorry no, if you need it urgently best would be to upgrade to the latest alpha which should be stable.


Post Reply