Our pure JavaScript Scheduler component


Post by sofiul.alam »

Hi Bryntum,

I am new to Bryntum scheduler and we bought three licences recently.

We have currently has a REACT.JS Application and intergrating Bryntum scheduler. We also require data grid as part of scheduler display. last couple of days I have gone through react examples on the site and some documents but could not find any scheduler like below.

What we need:
A React scheduler with data grid to display all records and sorting functionalities. Not sure pagination can be done.
Each time, I click a scheduler on the left I need to load below Grid with data as grid.png?

Also I need to increase height of the scheduler as grid2.jpg. How do I go about it please?

Thank you.

Kind Regards,

Sofiul Alam

Attachments
grid2.jpg
grid2.jpg (145 KiB) Viewed 107 times
grid.png
grid.png (81.28 KiB) Viewed 107 times

Post by alex.l »

Hi Sofiul,

Each time, I click a scheduler on the left I need to load below Grid with data as grid.png?

What exactly is not clear for you?
You can use https://bryntum.com/products/scheduler/docs/api/Scheduler/data/CrudManager#event-load event to get the moment when scheduler loaded and reload grid with required data. Or reload data by "click a scheduler on the left" for both components. Please let us know more details about the problem you faced.

Pagination is not supported for Scheduler at the moment. We have feature request to add that https://github.com/bryntum/support/issues/69

Also I need to increase height of the scheduler as grid2.jpg. How do I go about it please?

Please check our examples, especially CSS classes with styling. Usually all you need is to specify size for the container you rendered component to.

We can give you better advices if you share your application with us. Too many possible options here, so I cannot be more specific.

All the best,
Alex


Post by sofiul.alam »

Hi Alex,

Data Grid:
I have downloaded Bryntum scheduler, however Bryntum React.js example none of them come up with data grid to display raw data. Do you have any component that has similar to grid.png with scheduler + Data grid please? Please see attached my code.

On second point, I have solved the issue by below css:

min-height: 20em !important;

Thank you.

Sofiul

Attachments
codeScheduler.txt
(1.83 KiB) Downloaded 16 times

Post by tasnim »

Hello,

I believe you're looking for this example https://bryntum.com/products/scheduler/examples/frameworks/react/javascript/drag-from-grid/build/

NOTE: For this implementation, it requires a Grid license

All the best,
Tasnim


Post Reply