Discuss issues related to v5.x

Post by Sachidanand Sachin »

Hi,
I am using a licensed Brytum scheduler and Gantt where language is Ext js. The current version of the Ext Js being used is 6.5.3.57 .
I want to upgrade the Bryntum Javascript. Please let me know what could be the possible impacts, liscence need, and benefits after the upgrade.

Thanks in advance.


Post by mats »

Hi there, glad you are considering upgrading. You will need to update your license to get access (please use email or contact form to get in touch).

There are some major advantages:

  1. The new product suite (Gantt, Scheduler, Grid etc) is much easier to theme
  2. Modern toolchain - you don't need Sencha Cmd (or Ext JS license)
  3. We use very modern ES / CSS language so you can now use modern ES classes and other goodies
  4. New products are much faster, now that we control the whole code base
  5. Better test coverage

Faster release cycles, less dependencies. Please let us know if you have any further questions or concerns!

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


Post by Sachidanand Sachin »

First of all, thanks Mats for your response.

Please help me with a few additional details.

  • What could be the impact of migrating the existing project?

  • For the latest version, is there any trial version available as this would make our work easy.

Waiting for your response!!


Post by mats »

What could be the impact of migrating the existing project?

You should check to make sure the features you need exist in the modern version. Most things are ported to the new version, and the feature gap is constantly closing. You can see here what the gap is

https://www.bryntum.com/products/scheduler/compare/
https://www.bryntum.com/products/gantt-for-extjs/compare/

For the latest version, is there any trial version available as this would make our work easy.

Yes you can download it from our webpage.

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


Post by Sachidanand Sachin »

Do we have resource collapsing feature in latest upgrade. If we don't have resource collapsing in the new upgrade , then how are we going to achieve the tree view ?


Post by pmiklashevich »

Please check out this demo: https://www.bryntum.com/examples/scheduler/layouts/
Try to click between "Overlap" and "Stack". Is it what you're looking for?
https://www.bryntum.com/docs/scheduler/#Scheduler/view/Scheduler#config-eventLayout (global config). But there is a field on the resource model: https://www.bryntum.com/docs/scheduler/#Scheduler/model/ResourceModel#field-eventLayout

You can try in console of the Layout demo:

scheduler.resourceStore.first.eventLayout = 'none'
Pavel Miklashevich - Core Developer

Post by pmiklashevich »

You can update the layouts demo to add actions to the resources, for example:

Scheduler/examples/layouts/app.js

import '../../lib/Grid/column/ActionColumn.js';
.......
    columns : [
    .........
        {
            type    : 'action',
            text    : 'Layout',
            actions : [{
                cls     : 'b-fa b-fa-th-large',
                tooltip : 'Stack',
                onClick : ({ record }) => {
                    record.eventLayout = 'stack';
                }
            }, {
                cls     : 'b-fa b-fa-layer-group',
                tooltip : 'Pack',
                onClick : ({ record }) => {
                    record.eventLayout = 'pack';
                }
            }, {
                cls     : 'b-fa b-fa-ellipsis-h',
                tooltip : 'Overlap',
                onClick : ({ record }) => {
                    record.eventLayout = 'none';
                }
            }, {
                cls     : 'b-fa b-fa-ban',
                tooltip : 'Inherit',
                onClick : ({ record }) => {
                    record.eventLayout = '';
                }
            }]
        }
    ],
Attachments
Запись активности на экране 2021-06-03 в 19.36.25.gif
Запись активности на экране 2021-06-03 в 19.36.25.gif (4.19 MiB) Viewed 134 times
Pavel Miklashevich - Core Developer

Post by pmiklashevich »

We're going to add a demo showing resource collapsing. Ticket here: https://github.com/bryntum/support/issues/2979
Here is an example of the code:

import Scheduler from '../../lib/Scheduler/view/Scheduler.js';
import ResourceModel from '../../lib/Scheduler/model/ResourceModel.js';
import '../../lib/Grid/column/ActionColumn.js';
import '../../lib/Scheduler/column/ResourceInfoColumn.js';

// Extend ResourceModel to make all resources "collapsed" by default
class CollapsibleResourceModel extends ResourceModel {
    static get $name() {
        return 'CollapsibleResourceModel';
    }

static get fields() {
    return [
        { name : 'eventLayout', defaultValue : 'none' }
    ];
}
}

new Scheduler({
    appendTo          : 'container',
    minHeight         : '20em',
    barMargin         : 1,
    rowHeight         : 50,
    resourceImagePath : '../_shared/images/users/',
    eventStyle        : 'colored',

startDate  : new Date(2021, 5, 3, 8),
endDate    : new Date(2021, 5, 3, 18),
viewPreset : 'hourAndDay',

columns : [
    {
        type    : 'action',
        actions : [{
            cls     : 'b-fa b-fa-plus',
            tooltip : 'Expand',
            visible : ({ record }) => record.eventLayout !== 'stack',
            onClick : ({ record }) => {
                record.eventLayout = 'stack';
            }
        }, {
            cls     : 'b-fa b-fa-minus',
            tooltip : 'Collapse',
            visible : ({ record }) => record.eventLayout !== 'none',
            onClick : ({ record }) => {
                record.eventLayout = 'none';
            }
        }]
    },
    { type : 'resourceInfo', text : 'Staff' }
],

crudManager : {
    autoLoad  : true,
    transport : {
        load : {
            url : 'data/data.json'
        }
    },
    resourceStore : {
        modelClass : CollapsibleResourceModel
    }
}
});
Снимок экрана 2021-06-03 в 20.32.05.png
Снимок экрана 2021-06-03 в 20.32.05.png (372.81 KiB) Viewed 132 times

Hope this will help you!

Best regards,
Pavel

Pavel Miklashevich - Core Developer

Post by Sachidanand Sachin »

This actually helped a lot. Thanks a lot for your inputs.


Post by Sachidanand Sachin »

Hi Team,
Since I am new to Bryuntum , could you please suggest the steps that on upgrading the Bryntum . That would be really helpful.


Post Reply