Premium support for our pure JavaScript UI components


Post by abisht »

Hi Team,
We have bryntum-scheduler grids in two different components which share a common grand-parent component. How can we partner these 2 grids?

The same project which follows the same grandparent-child component tree uses bryntum-scheduler version 3.0.3 (NOT a npm repo but accessed by downloading the library into the project) was able to partner the grids by just passing the scheduler id as a string to the partner as below. But when i try to code it the same way for 4.2.3 it throws an error in the console

Old and Working code version- 3.0.3

<bry-scheduler
  #scheduler1
[schedulerId]="scheduler1"
[events]=""schedulerConfig.events"
.....

</bry-scheduler>
<bry-scheduler
  #scheduler2
[schedulerId]="scheduler2"
partner="scheduler1"
[events]=""schedulerConfig.events"
.....

</bry-scheduler>

Not Working version 4.2.3

<bryntum-scheduler
  #scheduler1
[id]="scheduler1"
[events]=""schedulerConfig.events"
.....

</bryntum-scheduler>

<bryntum-scheduler
  #scheduler2
[id]="scheduler2"
partner="scheduler1"
[events]=""schedulerConfig.events"
.....

</bryntum-scheduler>

Below are versions I am using in my project.
"@angular/core": "9.1.13",
"@angular/elements": "9.1.13",
"@bryntum/scheduler": "4.2.3",
"@bryntum/scheduler-angular": "4.2.3"

Please let me know if you need any other info


Post by mats »

it throws an error in the console

Please provide the error message?


Post by abisht »

core.js:6241 ERROR TypeError: Cannot create property 'partneredWith' on string 'driversScheduler'
at Scheduler.addPartner (scheduler.lite.umd.js:192901)
at Scheduler.set (scheduler.lite.umd.js:192881)
at Scheduler.get (scheduler.lite.umd.js:3994)
at Scheduler.getConfig (scheduler.lite.umd.js:2614)
at Scheduler.startConfigure (scheduler.lite.umd.js:192574)
at Scheduler.startConfigure (scheduler.lite.umd.js:153152)
at Scheduler.setConfig (scheduler.lite.umd.js:2658)
at Scheduler.configure (scheduler.lite.umd.js:2591)
at Scheduler.construct (scheduler.lite.umd.js:2216)
at Scheduler.construct (scheduler.lite.umd.js:49455)


Post by abisht »

mats wrote: Mon Sep 20, 2021 4:12 pm

it throws an error in the console

Please provide the error message?

core.js:6241 ERROR TypeError: Cannot create property 'partneredWith' on string 'driversScheduler'
at Scheduler.addPartner (scheduler.lite.umd.js:192901)
at Scheduler.set (scheduler.lite.umd.js:192881)
at Scheduler.get (scheduler.lite.umd.js:3994)
at Scheduler.getConfig (scheduler.lite.umd.js:2614)
at Scheduler.startConfigure (scheduler.lite.umd.js:192574)
at Scheduler.startConfigure (scheduler.lite.umd.js:153152)
at Scheduler.setConfig (scheduler.lite.umd.js:2658)
at Scheduler.configure (scheduler.lite.umd.js:2591)
at Scheduler.construct (scheduler.lite.umd.js:2216)
at Scheduler.construct (scheduler.lite.umd.js:49455)


Post by alex.l »

Hi abisht,

You should use scheduler instance as a value for partner property https://bryntum.com/docs/gantt/#Scheduler/view/TimelineBase#config-partner
or use a method https://bryntum.com/docs/gantt/#Scheduler/view/TimelineBase#function-addPartner

If you used our example as a base, maybe you missed the line like:

ngAfterViewInit(): void {
        this.scheduler1.schedulerComponent.instance.addPartner(this.scheduler2.schedulerComponent.instance);
    }

Please try it and let us know!

All the best,
Alex


Post by abisht »

Thank you. It worked.


Post Reply