multiple timeline views issue

Scheduler Javascript
#1

I am having an issue when trying to create multiple timeline views, only the timeline that is defined last is created successfully. The other one just renders a blank page.

There are no console errors and overall the scheduler is working as expected with loading data from the server, adding/removing dates via custom lightbox etc.

My code is below but I have tried init’ing the scheduler using scheduler.init as well as jquery.

// create timeline view
            scheduler.createTimelineView({
                name: 'small',
                dy: 40,
                event_min_dy: 20,
                x_unit:	'day',
                x_date:	'%D %j',
                x_step:	1,
                x_size: 14,
                x_length: 7,
                y_unit:	scheduler.serverList('jobs', []),
                y_property:	'job_id',
                render: 'unit',
                first_hour: 6,
                last_hour: 18
            });

            scheduler.createTimelineView({
                name: 'large',
                dy: 200,
                event_min_dy: 120,
                x_unit:	'day',
                x_date:	'%D %j',
                x_step:	1,
                x_size: 14,
                x_length: 7,
                y_unit:	scheduler.serverList('jobs', []),
                y_property:	'job_id',
                render: 'bar',
                first_hour: 6,
                last_hour: 18
            });

        schedulerEl.dhx_scheduler({
            date: new Date(),
            mode: 'small'
        });
#2

Hi,
the code seems working correctly in the basic configuration
docs.dhtmlx.com/scheduler/snippet/dd13f8ef
Can you please provide more details?

#3

It seems to be related to the updateCollection call. See the snippet below, the updateCollection doesn’t update the data across all views.

docs.dhtmlx.com/scheduler/snippet/e41e9571

#4

Hi,
seems like it happens because you call scheduler.serverList(‘jobs’, []) - with an array argument - several times, the second call overwrites the first collection which becames no longer available to updateCollection.

Try initializing list once, by specifying name and an array:

scheduler.serverList('jobs', []);

Then refer it to timelines when necessary (not specifying new array):

y_unit:   scheduler.serverList('jobs')

docs.dhtmlx.com/scheduler/snippet/b902fa0a

#5

Of course, that’s it. Thanks for your help.