项目管理软件dhtmlxGantt配置教程（七）：如何自定义内联编辑器

小董讲MES

于 2022-10-20 13:16:50 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：资讯更新项目管理工具dhtmlxGantt中文教程内容文章标签：项目管理工具项目管理软件 dhtmlxgantt 甘特图控件

本文链接：https://blog.csdn.net/HD202202/article/details/127425097

本文介绍了如何在dhtmlxGantt中创建自定义内联编辑器，强调了get_value、map_to、is_changed、is_valid和save方法的重要性，并提供了简单数字输入和jQuery DatePicker输入的实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

您可以指定自定义内联编辑器。为此，您需要通过以下方式创建一个新的编辑器对象：

gantt.config.editor_types.custom_editor = {
  show: function (id, column, config, placeholder) {
    // called when input is displayed, put html markup of the editor into placeholder 
    // and initialize your editor if needed:
    var html = "<div><input type='text' name='" + column.name + "'></div>";
    placeholder.innerHTML = html;
  },
  hide: function () {
    // called when input is hidden 
    // destroy any complex editors or detach event listeners from here
  },
 
  set_value: function (value, id, column, node) {
    // set input value
  },
 
  get_value: function (id, column, node) {
    // return input value
  },
 
  is_changed: function (value, id, column, node) {
    //called before save/close. Return true if new value differs from the original one
    //returning true will trigger saving changes, returning false will skip saving 
  },
 
  is_valid: function (value, id, column, node) {