New to Kendo UI for jQuery? Start a free 30-day trial

Assignments

configuration

The configuration of the assignments of the gantt resources. An assignment is a one-to-one mapping between a gantt task and a gantt resource containing the number of units for which a resource is assigned to a task.

assignments

Object

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
    dataSource: [
        { id: 1, title: "Task 1", start: new Date("2023/1/1"), end: new Date("2023/1/5") },
        { id: 2, title: "Task 2", start: new Date("2023/1/6"), end: new Date("2023/1/10") }
    ],
    resources: {
        dataSource: [
            { id: 1, name: "Resource 1", color: "red" },
            { id: 2, name: "Resource 2", color: "blue" }
        ]
    },
    assignments: {
        dataSource: [
            { taskId: 1, resourceId: 1, units: 1 },
            { taskId: 2, resourceId: 2, units: 0.5 }
        ]
    }
});
</script>

assignments.dataResourceIdField

String

The field of the assignment data item which represents the resource id.

Default: "resourceId"

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 0,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/7/01 11:00")
    },
     {
       id: 1,
       orderId: 1,
       parentId: null,
       title: "Task2",
       start: new Date("2014/6/20 12:00"),
       end: new Date("2014/7/02 14:00")
     }],
    resources: {
      dataSource: [
        { id: 0, name: "Resource 1", color: "green", format: "p0" },
        { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
      ]
    },
  assignments: {
    dataResourceIdField: "resource",
    dataSource: [
      { taskId: 0, resource: 0, value: 1 },
      { taskId: 0, resource: 1, value: 1 },
      { taskId: 1, resource: 1, value: 1 }
    ]
  },
  views: ["week"],
  columns: [
    { field: "title", title: "Title" },
    { field: "resources", title: "Task Resources" }
  ]
});
</script>

assignments.dataSource

Object|Array|kendo.data.DataSource

The data source which contains assignment data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing kendo.data.DataSource instance.

If the dataSource option is set to a JavaScript object or array the widget will initialize a new kendo.data.DataSource instance using that value as data source configuration.

If the dataSource option is an existing kendo.data.DataSource instance the widget will use that instance and will not initialize a new one.

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 0,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/7/01 11:00")
    },
     {
       id: 1,
       orderId: 1,
       parentId: null,
       title: "Task2",
       start: new Date("2014/6/20 12:00"),
       end: new Date("2014/7/02 14:00")
     }],
    resources: {
      dataSource: [
        { id: 0, name: "Resource 1", color: "green", format: "p0" },
        { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
      ]
    },
  assignments: {
    dataSource: [
      { taskId: 0, resourceId: 0, value: 1 },
      { taskId: 0, resourceId: 1, value: 1 },
      { taskId: 1, resourceId: 1, value: 1 }
    ]
  },
  views: ["week"],
  columns: [
    { field: "title", title: "Title" },
    { field: "resources", title: "Task Resources" }
  ]
});
</script>

assignments.dataTaskIdField

String

The field of the assignment data item which represents the task id.

Default: "taskId"

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 0,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/7/01 11:00")
    },
     {
       id: 1,
       orderId: 1,
       parentId: null,
       title: "Task2",
       start: new Date("2014/6/20 12:00"),
       end: new Date("2014/7/02 14:00")
     }],
    resources: {
      dataSource: [
        { id: 0, name: "Resource 1", color: "green", format: "p0" },
        { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
      ]
    },
  assignments: {
    dataTaskIdField: "id",
    dataSource: [
      { id: 0, resourceId: 0, value: 1 },
      { id: 0, resourceId: 1, value: 1 },
      { id: 1, resourceId: 1, value: 1 }
    ]
  },
  views: ["week"],
  columns: [
    { field: "title", title: "Title" },
    { field: "resources", title: "Task Resources" }
  ]
});
</script>

assignments.dataValueField

String

The field of the assignment data item which represents the amount of the assigned resource.

Default: "value"

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  dataSource: [
    {
      id: 0,
      orderId: 0,
      parentId: null,
      title: "Task1",
      start: new Date("2014/6/17 9:00"),
      end: new Date("2014/7/01 11:00")
    },
     {
       id: 1,
       orderId: 1,
       parentId: null,
       title: "Task2",
       start: new Date("2014/6/20 12:00"),
       end: new Date("2014/7/02 14:00")
     }],
    resources: {
      dataSource: [
        { id: 0, name: "Resource 1", color: "green", format: "p0" },
        { id: 1, name: "Resource 2", color: "#32cd32", format: "p0" }
      ]
    },
  assignments: {
    dataValueField: "assignedValue",
    dataSource: [
      { taskId: 0, resourceId: 0, assignedValue: 1 },
      { taskId: 0, resourceId: 1, assignedValue: 1 },
      { taskId: 1, resourceId: 1, assignedValue: 1 }
    ]
  },
  views: ["week"],
  columns: [
    { field: "title", title: "Title" },
    { field: "resources", title: "Task Resources" }
  ]
});
</script>