Just import dhtmlxgantt.js and init

common.js.js:789 ReferenceError: getResourceAssignments is not defined
    at r (dhtmlxgantt.js?a6f4:4213)
    at Array.t.exports (dhtmlxgantt.js?a6f4:4266)
    at t.exports (dhtmlxgantt.js?a6f4:4470)
    at t.exports (dhtmlxgantt.js?a6f4:8629)
    at Object.getGanttInstance (dhtmlxgantt.js?a6f4:8636)
    at Object.eval (dhtmlxgantt.js?a6f4:8645)
    at i (dhtmlxgantt.js?a6f4:16)
    at eval (dhtmlxgantt.js?a6f4:43)
    at eval (dhtmlxgantt.js?a6f4:44)
    at Object.3843 (1.js:1329)

I see there's an npm module published, and when installing it to my project I attempted to import it via Webpack with import gantt from 'dhtmlx-gantt';. After this didn't work I took a look at the source code and saw that nothing's being exported as a module.

Since this is an npm module after all, wouldn't it make sense to make this a module to be used by module bundlers / loaders?

version：6.1.8

question

I use dhtmlx-gantt for initial rendering. When the number of tasks exceeds 15, the image rendered by gantt is only fixed at 15, after the 15th is all blank, nothing is displayed, but the position is still retained, check the element found. Not rendered

Click to view image

Hi,

The declare module statements in the TypeScript declaration files prevent it from being imported as an ES module, as gantt and Gantt are not installable modules from npm.

The declaration statements should be updated to reflect the names of the packages from where they are installed. I can submit a PR with these changes.

declare module "gantt" {
    export = gantt;
}

should read

declare module "dhtmlx-gantt" {
    export = gantt;
}

as dhtmlx-gantt is the name of the installable module.

If Gantt Enterprise is an installable module, then perhaps it should be distributed under its own dhtmlx-gantt-enterprise module. Typing declarations for modules should not have more than one ambient module declaration in it.

Cheers! 👍

Dhtmlx-gantt version: 7.1.13

I am using the free version of dhtmlx-gantt. This means that I won't be able to initialize a new gantt instance on component render. I perform some clean-up of the gantt instance on destroy, which is mostly removing all events and tooltips. Although this has been working well so far, the inline editors only work the first time. After the first time, none of the events related to the inline events fire (events that are created using the gantt.ext.inlineEditors.attachEvent method).

v6.2.7 _sendData only handles success: actionPromise.then(_onResolvedCreateUpdate); That is why the task row doesn't get "gantt_error" style applied when promise is rejected.

gantt can't edit when reinit

 gantt.config.columns =[
					{
						label: 'name',
						name: "text",
						tree: true,
						resize: true,
						width: 250,
						editor: {
							type: "text",
							map_to: "text"
						}
					},
					
				];
    	
    gantt.init("gantt_here");
	gantt.parse(tasks);

function reinit() {
	gantt.init("gantt_here2");
}

The change allows to configure the sorting of columns in 3 ways:

• Setting sort to false

      gantt.config.columns[1].sort = false
  

  Disable sorting for that column

• Setting sort to a function

      gantt.config.columns[1].sort = function(a,b) {
              return weird_computation(a,b);
      };
  

the column will be sorted according to the provided sorting functions.

• Setting sort to a different field of the task

      gantt.config.columns[1].sort = 'other_field';
  

The column will be sorted according to the values of that other field.

I'm not sure if this is the right place to ask the question but after trying emails, help forms and the Canada based help desk (3 times) i'm not sure where else to ask.

We are trying to purchase the Gannt license (enterprise) for my company, a large financial products/exchange company but due to our purchase policies this can only be done via a PO process. To do this I need to set up DHTMLX/Payproglobal as a company on our purchasing systems to get a PO number to make the purchase through the Payproglobal run online purchase site. So far I've rung the help desk three times and been asked to email another part of Payproglobal to get the necessary information we need ([email protected]) and we have had no reply to any of these emails. We have supplied Payproglobal a telephone number to ring and not had a call back.

Does anyone here know how we can get around this issue, or have any influence on getting Payproplobal to respond to our request for information?

Hello, In the process of sliding left and right, when the actual time interval is much larger than the plan interval, the actual time is not rendered when the plan timeline stops rendering.Thanks

We're using DHTMLXGantt pro version within Angular application. It used to work fine for some time, but after updating angular from 8 to 9 (Ivy is disabled) I'm getting the following error in runtime:

Uncaught ReferenceError: Gantt is not defined
    at Object../node_modules/@pdtec/dhtmlx-gantt-pro/codebase/locale/locale_de.js (index.ts:132)

It displays no errors with Angular8.

The DHTMLXGantt library is called @pdtec/dhtmlx-gantt-pro because we pack downloaded sources into our private repository under @pdtec/dhtmlx-gantt-pro name.

The gantt sources are imported into main app component:

import { Component, ElementRef, Inject, Input, OnDestroy, OnInit, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
import '@pdtec/dhtmlx-gantt-pro';
import '@pdtec/dhtmlx-gantt-pro/codebase/ext/dhtmlxgantt_auto_scheduling';
import '@pdtec/dhtmlx-gantt-pro/codebase/ext/dhtmlxgantt_grouping';
import '@pdtec/dhtmlx-gantt-pro/codebase/ext/dhtmlxgantt_marker';
import '@pdtec/dhtmlx-gantt-pro/codebase/ext/dhtmlxgantt_undo';
(...)
@Component({
    encapsulation: ViewEncapsulation.None, // to be able to style the diagram
    selector: 'marble-gantt-diagram',
    styleUrls: ['./ng-gantt-diagram.component.scss'],
    templateUrl: './ng-gantt-diagram.component.html'
})
export class MarbleGanttDiagramComponent implements OnInit, OnDestroy {
    (...)
}

I already tried importing it into main app .module file, but it does not fix the error.

This does not seems to be related to any specific DHTMLXGantt version.

Could you please help us out solving the issue?

Hi all,

Before my migration on PHP 7 I was using DHTMLX with mysql and it as working well. My grids were loading perfectly through the connector. Now, I have changed in db_common to myqli instead of mysql and my grids are not loading at all.

Do you have any ideas please ?

I am using the following block of code to import MPP files:

gantt.importFromMSProject({ data: file, taskProperties: ["Notes", "Name", "Start", "Finish", "Start1", "Finish1"], callback: function (project) {}...

Given that "Start", "Finish", "Start1", "Finish1" are all names of columns in the MPP file. But after import, the properties "Start1" and "Finish1" happen to be null, while the properties "Start" and "Finish" happen to be time in hours - although the file clearly has dates.

The dhtmlx gantt plug-in is used in Vue. When you navigate to the page again, the arrow callback function of the previous attachEvent will be executed, resulting in an error. Because the previous vue instance has been destroyed, the previous $ref.xxx attribute does not exist. gantt.attachEvent('onAfterTaskDrag', () => { this.$refs.markerLine.getLines(); }); Therefore, how can I use dhtmlx gannt in vue, or angular or react?

I can only destroy the events in the page with detachEvent. Do I bind them again?

In the type definition file, the configuration values GanttConfigOptions.start_date and GanttConfigOptions.end_date are set as Date. However, they are undefined when the Gantt is initialized.

Since they are typed without undefined, this also means that the values cannot be set to undefined again in Typescript code (at least when strictNullChecks is true). Could this be fixed in a future version?

hello I'm septe.

I have isse when I want to implement multi select input in my project.

Property 'form_blocks' does not exist on type 'GanttStatic'.

how to fix it. could any one help me please

base project : react typeScript

` gantt.form_blocks['multiselect'] = { render: function(sns) { var height = (sns.height || '23') + 'px'; var html = "

  set_value: function(node, value, ev, sns) {
    node.style.overflow = 'visible';
    node.parentNode.style.overflow = 'visible';
    node.style.display = 'inline-block';
    var select = $(node.firstChild) as any;

    if (value) {
      value = (value + '').split(',');
      select.val(value);
    } else {
      select.val([]);
    }

    select.chosen();
    if (sns.onchange) {
      select.change(() => {
        sns.onchange.call(this);
      });
    }
    select.trigger('chosen:updated');
    select.trigger('change');
  },

  get_value: function(node, ev) {
    var value = $(node.firstChild).val();
    return value;
  },

  focus: function(node) {
    $(node.firstChild).focus();
  },
};
`