Support for v6.x of our Scheduling components


Post by jonathan »

Hello Bryntum team,

Recently, our QA found some issues related to multiSelect selection, i.e., the selection will get changed in some cases.

Case 1

  1. Go to https://www.bryntum.com/examples/scheduler-for-extjs/kitchensink/#examples/dragselectorplugin.
  2. Open chrome devtools.
  3. Execute the scripts below.
    var gantt = Ext.ComponentQuery.query('schedulergrid')[0]
    gantt.setStartDate(new Date(2017, 4, 21));
    gantt.setEndDate(new Date(2017, 4, 26));
    gantt.eventStore.add([{
                ResourceId : 'e',
                StartDate  : '2017-05-22 09:00',
                EndDate    : '2017-05-22 10:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 10:00',
                EndDate    : '2017-05-22 11:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 11:00',
                EndDate    : '2017-05-22 12:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 13:00',
                EndDate    : '2017-05-22 14:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 14:00',
                EndDate    : '2017-05-22 15:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 09:00',
                EndDate    : '2017-05-23 10:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 10:00',
                EndDate    : '2017-05-23 11:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 11:00',
                EndDate    : '2017-05-23 12:00'
            }])
    
  4. Move to Mon 22/05, and select Dave's first three events.
  5. Use mouse swipe to move the scheduler body. And you'll see the selected events will get changed automatically.
    See this screen recording for detail.
    bryntum_multi_select_issue1.gif
    bryntum_multi_select_issue1.gif (15.23 MiB) Viewed 465 times

Case 2

  1. Go to https://www.bryntum.com/examples/scheduler-for-extjs/kitchensink/#examples/dragselectorplugin.
  2. Open chrome devtools.
  3. Same as case 1, execute the scripts below.
    var gantt = Ext.ComponentQuery.query('schedulergrid')[0]
    gantt.setStartDate(new Date(2017, 4, 21));
    gantt.setEndDate(new Date(2017, 4, 26));
    gantt.eventStore.add([{
                ResourceId : 'e',
                StartDate  : '2017-05-22 09:00',
                EndDate    : '2017-05-22 10:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 10:00',
                EndDate    : '2017-05-22 11:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 11:00',
                EndDate    : '2017-05-22 12:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 13:00',
                EndDate    : '2017-05-22 14:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-22 14:00',
                EndDate    : '2017-05-22 15:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 09:00',
                EndDate    : '2017-05-23 10:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 10:00',
                EndDate    : '2017-05-23 11:00'
            },
            {
                ResourceId : 'e',
                StartDate  : '2017-05-23 11:00',
                EndDate    : '2017-05-23 12:00'
            }])
    
  4. Move to Mon 22/05, and select Dave's first three events.
  5. Execute the script below to change the view preset.
    gantt.setViewPreset('dayAndWeek', new Date('2017-05-22'), new Date('2017-05-23'), '', {
            notScroll: true,
          })
    
  6. And you'll see the previous selected events are un-selected, and changed to other events.
    See this screen recording for detail.
    bryntum_multi_select_issue2.gif
    bryntum_multi_select_issue2.gif (5.62 MiB) Viewed 465 times

Thanks,
Jonathan


Post by mats »

Tired of debugging javascript errors in web applications? Try our powerful error logging service RootCause


Post Reply