Gantt get list of all tasks in new page

Hi, I’m using angular2+ and jquery.

  1. I would like to get all the tasks and displayed it in a list in a new page. (description and period) Is it possible ?
  2. In the page where the gantt is displayed I would like that all the past tasks are not editable. I saw that it’s possible to use var task = gantt.getTask(id).editable = false.It doesn’t allow you to double click to open the lightbox. But what I would like if it’s possible is to open the lightbox but to not be able to edit the fields, if edit property is false.
  3. Is it possible to distinguish create window task and edit window task ? for example there are some fields that I want to be not editable in edit window, and editable in create window.
    Thanks for your help.

Yes, it is possible to do that.

  1. You can use gantt.serialize() function to get all tasks and links in JSON format. You can use it to display all tasks on another page.
  2. It is possible, but there are no built-in functions to disable lightbox elements. In the following snippet you can see how it works. When task date is less than current date lightbox elements will be disabled:
  3. It is related to the 2nd question and here is another snippet that allows to edit description only for new tasks: