Questions related to our Sencha Touch based grid component

Post by peaguilar »

Not able to get calendar highlighting to work with Scheduler Pro react. I am trying to implement a similar setup to the drag unplanned example where you can drag from a grid to the scheduler, and it will highlight what resources are available. Does anyone have a working example with react that they can point me to?


Post by marcio »

Hey peaguilar,

Could you share your project here so we can take a look?? I'm afraid that the drag unplanned tasks demo is the only demo that we have with that feature. https://www.bryntum.com/examples/scheduler-pro/drag-unplanned-tasks/

Besides that, React version uses only some wrappers to make the communication with Bryntum's component API, which is all written in plain JS and uses the documentation available on Bryntum's website.

Best regards,
Márcio


Post by peaguilar »

Hey thank you for the response. Even getting something like this basic example is not working (https://www.bryntum.com/docs/scheduler-pro/api/SchedulerPro/feature/CalendarHighlight#config-listeners). This is the way I tried to implement the example. But this is the way that I am using the scheduler. In the example it seems that the feature that powers the highlight is the calendars data, but the highlighting fails to show up. I have also tied using the features prop and setting calendarHighlight: true, but get the same outcome.

<BryntumSchedulerPro
        {...configToUse}
        ref={scheduler}
        id={id}
        appendTo="schedule"
        calendarHighlightFeature={{
            disabled: false
        }}
        allowOverlap={false}
        events={events}
        resources={resources}
        calendars={[
          {
              id                       : 'inspection',
              name                     : 'Inspection period March 23-28',
              unspecifiedTimeIsWorking : false,
              intervals                : [
                  {
                      name      : 'Inspection period',
                      startDate : '2022-08-16',
                      endDate   : '2022-08-17',
                      isWorking : true
                  }
              ]
          }
      ]}
        timeRanges={timeRanges}
        resourceTimeRanges={resourceTimeRanges}
        onBeforeEventEdit={eventEditHandler}
        onEventResizeEnd={afterResizeHandler}
        onAfterEventDrop={afterEventDropHandler}
        tbar={tbar}
      />

Post by marcio »

Hey,

Thanks for the example. I tried to reproduce and enabled that feature in a sample project and got the same result as you, so I opened a ticket to investigate what could be causing this issue and fix it https://github.com/bryntum/support/issues/5077

Best regards,
Márcio


Post Reply