Discuss anything related to web development but no technical support questions


Post by Pooja Jain »

I want to hide baselineEnd Date column from task editor form and add a new column 'custom date'(our defined column).How can I do this.
I have read the documentaion from :https://www.bryntum.com/products/gantt-for-extjs/docs/ ... TaskEditor
but dont find any property or event for deleting and adding new columns.

Post by arcady »

If you want to just modify default fields you can use taskFormConfig.
Gnt.widget.taskeditor.TaskForm class has config for each default field, for example for baseline end: baselineFinishConfig.
    var taskEditor = Ext.create('Gnt.plugin.TaskEditor', {
        taskFormConfig : {
            baselineFinishConfig : {
                hidden : true
            }
        }
    });
But if you want to keep existing default set of fields plus add a couple of new ones you should extend Gnt.widget.taskeditor.TaskForm class.
Then you can configure TaskEditor to use overridden class version (using taskFormClass config) like this:
    Ext.define('myTaskForm', {
        extend : 'Gnt.widget.taskeditor.TaskForm',

        constructor : function(config) {
            this.callParent(arguments);
            // add some custom field
            this.add({
                fieldLabel  : 'Foo',
                name        : 'Name',
                width       : 200
            });
        }
    });

    var taskEditor = Ext.create('Gnt.plugin.TaskEditor', {
        // point task editor to use extended class instead of original TaskForm
        taskFormClass : 'myTaskForm'
    });

Post Reply