dhtmlx-gantt在vue中怎么让编辑弹窗不显示
时间: 2024-01-07 13:19:36 浏览: 111
如果你想在dhtmlx-gantt的Vue组件中不显示编辑弹窗,可以在mounted钩子函数中设置`gantt.config.lightbox.sections`为空数组。
```javascript
import "dhtmlx-gantt";
import "dhtmlx-gantt/codebase/dhtmlxgantt.css";
export default {
mounted() {
gantt.config.lightbox.sections = [];
gantt.init(this.$refs.ganttContainer);
gantt.parse(this.tasks);
},
// ...
}
```
在上面的代码中,我们将`gantt.config.lightbox.sections`设置为空数组,这将导致dhtmlx-gantt不会渲染编辑弹窗。然后,我们初始化gantt并解析任务数据。
另外,如果你只想禁用编辑弹窗中的某些字段,可以通过在`gantt.config.lightbox.sections`中设置`readonly: true`来实现:
```javascript
gantt.config.lightbox.sections = [
{
name: "description",
height: 70,
map_to: "text",
type: "textarea",
readonly: true, // 禁用编辑
},
// ...
];
```
在上面的代码中,我们将`readonly`设置为`true`,这将禁用编辑弹窗中的`description`字段。
阅读全文