Skip to main content

getData()

Description​

Gets a promise with an array of tasks and links objects
info

The getData() method is a part of the RestDataProvider service intended for working with a server

Usage​

getData(): Promise<[]>

Response​

The getData() method sends a request to the server by the GET method and returns a promise with data on links and tasks. For the examples of returned objects, see tasks and links.

Examples​

import { useState, useEffect } from "react";
import { Gantt } from "@svar-ui/react-gantt";
import { RestDataProvider } from "@svar-ui/gantt-data-provider";

const url = "https://some_backend_url";
const server = new RestDataProvider(url);

function MyGantt() {
  const [tasks, setTasks] = useState([]);
  const [links, setLinks] = useState([]);

  useEffect(() => {
    server.getData().then(data => {
      setTasks(data.tasks);
      setLinks(data.links);
    });
  }, []);

  return <Gantt tasks={tasks} links={links} />;
}

parseDates() method​

Description: getData() applies the parseDates() method to parse dates (start, end, base_start, base_end from tasks) to Date object (as new Date(string)).

Usage:

parseDates(task) => task

If you need to change the parsing method, you can redefine it as in the example below: create a new class that extends RestDataProvider, override the parseDates() method, and then use an instance of this class as the provider.

class MyProvider extends RestDataProvider {
  parseDates(task) {
    // parse dates by the method you prefer
    return task;
  }
}

const restProvider = new MyProvider(serverUrl);

Related articles: