6、Gantt 消息弹窗部分 lightbox

你在说啥-Lynn

已于 2022-11-02 14:53:24 修改

阅读量944

点赞数 1

分类专栏： DHTMLX Gantt 文章标签：前端

于 2022-05-09 10:08:09 首次发布

本文链接：https://blog.csdn.net/beauty_600/article/details/124660280

版权

DHTMLX Gantt 专栏收录该内容

15 篇文章 14 订阅

订阅专栏

双击task时，弹出lightbox弹出框
https://docs.dhtmlx.com/gantt/api__gantt_details_on_dblclick_config.html

gantt.config.details_on_dblclick = true;
// task双击 当用户双击任务时触发 该事件是可阻止的。返回 false 将取消默认处理程序
gantt.attachEvent('onTaskDblClick', function (id, e) {
  console.log(id, e);
  const task = gantt.getTask(id);
  taskId.value = id;
  // 类似于编辑操作、详情操作可以写在这里面
  return true;
});

// 双击task时，弹出lightbox弹出框
gantt.config.details_on_dblclick = false;

打开指定任务的灯箱
https://docs.dhtmlx.com/gantt/api__gantt_showlightbox.html

gantt.showLightbox(1); 
gantt.hideLightbox();
// 显示灯箱
gantt.showLightbox = function (id) {
  // 。。。。打开灯箱的相关操作
  const task = gantt.getTask(id);
  taskId.value = id;
};
//  -----------分割线-----------
// 新增操作回调
function saveModal(resultTask) {
  const task = gantt.getTask(taskId.value);
  ...
  console.log('...', resultTask, task, task.$new);
  if (task.$new) {
    gantt.deleteTask(task.id);
    gantt.addTask(resultTask, resultTask.parent);
  } else {
    gantt.updateTask(resultTask.id, resultTask);
  }
  gantt.hideLightbox();
}