Skip to content

Duration-units.md

Latest commit

 

History

History
102 lines (72 loc) · 2.91 KB

Duration-units.md

File metadata and controls

102 lines (72 loc) · 2.91 KB
layout post
title Duration-units
description duration units
platform js
control Gantt
documentation ug
api /api/js/ejgantt

Duration Units

In Gantt, the tasks’ duration value can be measured by the following duration units,

  • Day
  • Hour
  • Minute

Each task in the project can be defined with different duration units and the duration unit of a task can be defined by the following ways,

  1. Using durationUnitMapping property, to map the duration unit data source field.
  2. Defining the duration unit value along with the duration field in the data source.

Mapping the Duration Unit field

The below code snippet explains the mapping of duration unit data source field to the Gantt control using the durationUnitMapping property.

{% highlight javascript %}

var data = [ //... Duration: 5, DurationUnit: ej.Gantt.DurationUnit.Day, }]; $("#GanttContainer").ejGantt({ //... durationMapping: "Duration", durationUnitMapping: "DurationUnit", });

{% endhighlight %}

N> 1. The default value of the durationUnit property is “day”.

Defining duration unit along with duration field

Duration units for the tasks can also be defined along with the duration values, the below code snippet explains the duration unit for a task along with duration value,

{% highlight javascript %}

var data = [ //... Duration: "5days" }]; $("#GanttContainer").ejGantt({ //... durationMapping: "Duration", });

{% endhighlight %}

The below sample explains the tasks’ duration unit in Gantt.

Duration Unit

The below screen shot shows different duration unit support in Gantt control.

mapping the duration unit field in Javascript Gantt.

N> 1. The edit type of the duration column in Gantt is string, to support editing the duration field along with duration units.

Localizing the duration unit

We can localize the duration unit texts like below,

{% highlight javascript %}

ej.Gantt.Locale["en-US"] = { //... durationUnitTexts: { days: "days", hours: "hours", minutes: "minutes", day: "day", hour: "hour", minute: "minute" }, durationUnitEditText: { minute: ["m", "min", "minute", "minutes"], hour: ["h", "hr", "hour", "hours"], day: ["d", "dy", "day", "days"] } };

{% endhighlight %}

N> durationUnitTexts property is used to display the unit of duration in columns and taskbar tooltips. N> durationUnitEditText property is used to save the edited duration unit value on editing action.

Click here to view the online demo sample for mapping the duration units.