dhtmlx-gantt在destructor后怎么重新渲染

在dhtmlx-gantt中，重新渲染可以通过调用gantt.render()方法来完成。在调用gantt.destructor()方法之后，需要重新创建一个gantt实例，并使用之前的数据重新填充它。然后，可以调用gantt.render()方法来重新渲染gantt图表。以下是一个示例代码：

// 销毁gantt实例
gantt.destructor();

// 重新创建gantt实例
gantt.init("gantt_container");
gantt.parse(data);

// 重新渲染gantt图表
gantt.render();

在这个示例中，我们首先销毁了之前的gantt实例，然后创建了一个新的gantt实例，并使用之前的数据填充它。最后，我们调用gantt.render()方法来重新渲染gantt图表。

相关问题

vue中使用dhtmlx-gantt在destructor后怎么重新渲染

在Vue.js中使用dhtmlx-gantt，可以通过在组件的mounted钩子函数中初始化gantt实例，并在组件的destroyed钩子函数中销毁gantt实例。在重新渲染之前，需要先在组件的data属性中保存之前使用的gantt数据。以下是一个示例代码：

<template>
  <div ref="ganttContainer"></div>
</template>

<script>
import "dhtmlx-gantt";
import "dhtmlx-gantt/codebase/dhtmlxgantt.css";

export default {
  data() {
    return {
      ganttData: null,
      ganttInstance: null,
    };
  },
  mounted() {
    this.ganttInstance = gantt.init(this.$refs.ganttContainer);
    this.ganttInstance.parse(this.ganttData);
  },
  destroyed() {
    this.ganttInstance.destructor();
  },
  methods: {
    reloadGantt() {
      this.ganttInstance = gantt.init(this.$refs.ganttContainer);
      this.ganttInstance.parse(this.ganttData);
    },
  },
};
</script>

在这个示例中，我们在组件的data属性中定义了ganttData和ganttInstance。在组件的mounted钩子函数中，我们初始化了gantt实例并使用ganttData填充它。在组件的destroyed钩子函数中，我们销毁了gantt实例。

如果需要重新渲染gantt图表，可以调用组件的reloadGantt方法。在这个方法中，我们重新初始化gantt实例并使用之前保存的ganttData填充它，然后调用gantt.render()方法重新渲染gantt图表。

vue中使用dhtmlx-gantt在调用destructor后怎么重新渲染加载

在Vue.js中使用dhtmlx-gantt，在调用gantt.destructor()方法销毁实例之后，需要重新创建一个新的gantt实例，并使用之前保存的ganttData填充它。然后，可以调用gantt.render()方法重新渲染gantt图表。以下是示例代码：

<template>
  <div ref="ganttContainer"></div>
</template>

<script>
import "dhtmlx-gantt";
import "dhtmlx-gantt/codebase/dhtmlxgantt.css";

export default {
  data() {
    return {
      ganttData: null,
      ganttInstance: null,
    };
  },
  mounted() {
    this.ganttInstance = gantt.init(this.$refs.ganttContainer);
    this.ganttInstance.parse(this.ganttData);
  },
  methods: {
    reloadGantt() {
      // 销毁当前的gantt实例
      this.ganttInstance.destructor();

      // 创建新的gantt实例并重新加载数据
      this.ganttInstance = gantt.init(this.$refs.ganttContainer);
      this.ganttInstance.parse(this.ganttData);

      // 重新渲染gantt图表
      this.ganttInstance.render();
    },
  },
};
</script>

在这个示例中，我们在组件的data属性中保存ganttData和ganttInstance。在组件的mounted钩子函数中，我们初始化了gantt实例并使用ganttData填充它。在组件的reloadGantt方法中，我们首先调用gantt.destructor()方法销毁当前的gantt实例。然后，我们创建新的gantt实例并使用之前保存的ganttData填充它。最后，我们调用gantt.render()方法重新渲染gantt图表。