Element: <oj-gantt-dependency>

Oracle® JavaScript Extension Toolkit (JET)
5.2.0
E97691-01

PREVIEW: This is a preview API. Preview APIs are production quality, but can be changed on a major version without a deprecation path.

Version:

5.2.0

Since:

5.2.0

Module:

ojgantt

JET Gantt Dependency

The oj-gantt-dependency element is used to declare properties for gantt dependency lines and is only valid as the child of a template element for the dependencyTemplate slot of oj-gantt.


<oj-gantt dependency-data="[[dependencyDataProvider]]">
  <template slot="dependencyTemplate">
    <oj-gantt-dependency
      predecessor-task-id="[[$current.data.predecessor]]"
      successor-task-id="[[$current.data.successor]]">
    </oj-gantt-dependency>
  </template>
</oj-gantt>

Attributes

predecessor-task-id :any

The identifier for the predecessor task. This must reference a task in Gantt.

Example

Initialize the gantt dependency with the predecessor-task-id attribute specified:

<oj-gantt-dependency predecessor-task-id="[[$current.data.predecessor]]"></oj-gantt-dependency>

(nullable) short-desc :string

The description of the dependency line. This is used for accessibility.

Default Value:

null

Example

Initialize the gantt dependency with the short-desc attribute specified:

<oj-gantt-dependency short-desc="[[$current.data.shortDesc]]"></oj-gantt-dependency>

successor-task-id :any

The identifier for the successor task. This must reference a task in Gantt.

Example

Initialize the gantt dependency with the successor-task-id attribute specified:

<oj-gantt-dependency successor-task-id="[[$current.data.successor]]"></oj-gantt-dependency>

svg-class-name :string

A space delimited list of CSS style classes to apply to the dependency line.

Default Value:

""

Example

Initialize the gantt dependency with the svg-class-name attribute specified:

<oj-gantt-dependency svg-class-name="dependencyStyle"></oj-gantt-dependency>

svg-style :Object

The CSS style defining the style of the dependency line.

Default Value:

{}

Example

Initialize the gantt dependency with the svg-style attribute specified:

<oj-gantt-dependency svg-style='{"stroke": "red"}'></oj-gantt-dependency>

type :string

The type of dependency.

Supported Values:

Name	Type	Description
`"finishFinish"`	string	predecessor task must finish before successor task can finish
`"finishStart"`	string	predecessor task must finish before successor task can start
`"startFinish"`	string	predecessor task must start before successor task can finish
`"startStart"`	string	predecessor task must start before successor task can start

Default Value:

"finishStart"

Example

Initialize the gantt dependency with the type attribute specified:

<oj-gantt-dependency type="[[$current.data.type]]"></oj-gantt-dependency>