Vue
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Gantt - editing

Configures edit properties.

Type:

Object

The UI component allows users to add, modify and delete tasks, resources and dependencies. Set the enabled property to true to enable edit functionality.

NOTE
Make sure that your data sources (tasks, resources and dependencies) support edit actions.

View Demo

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            //...
        }
    });
}); 

allowDependencyAdding

Specifies whether a user can add dependencies.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowDependencyAdding: false, 
            //...
        }
    });
}); 

allowDependencyDeleting

Specifies whether a user can delete dependencies.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowDependencyDeleting: false, 
            //...
        }
    });
}); 

allowResourceAdding

Specifies whether a user can add resources.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowResourceAdding: false, 
            //...
        }
    });
}); 

allowResourceDeleting

Specifies whether a user can delete resources.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowResourceDeleting: false, 
            //...
        }
    });
}); 

allowResourceUpdating

Specifies whether a user can update resources.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowResourceUpdating: false, 
            //...
        }
    });
}); 

allowTaskAdding

Specifies whether a user can add tasks.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowTaskAdding: false, 
            //...
        }
    });
}); 

allowTaskDeleting

Specifies whether a user can delete tasks.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowTaskDeleting: false, 
            //...
        }
    });
}); 

allowTaskUpdating

Specifies whether a user can update tasks.

Type:

Boolean

Default Value: true

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            allowTaskUpdating: false, 
            //...
        }
    });
}); 

enabled

Specifies whether a user can edit tasks, resources and dependencies.

Type:

Boolean

Default Value: false

jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        editing: {
            enabled: true, 
            //...
        }
    });
});