半岛权威十大直营(官方)网站

这篇文章给大家讲解dhtmlxGantt的自定义编辑模式有哪些。

DhtmlxGantt正版试用下载

1、基本内联编辑

此模式预先假定使用鼠标指针将焦点设置在单元格和允许导航单元格的热键上：

Tab - 将焦点移至下一个编辑器

Shift+Tab - 返回上一个编辑器。

2、键盘导航模式

在这种模式下，键盘在预定义的键或组合键的帮助下用于导航和编辑网格单元。

• Enter - 打开/关闭编辑器
• 空格键 - 打开编辑器
• 箭头键 - 导航网格单元
• Shift+右箭头键 - 向右移动一个任务，即做一个嵌套任务，而上面的任务变成一个项目
• Shift+左箭头键 - 将项目变成一个简单的任务
• Shift+向上箭头键 - 折叠带有任务的分支
• Shift+向下箭头键 - 用任务展开分支

要启用键盘导航以进行编辑，您需要：

使用gantt.plugins方法启用keyboard_navigation插件。

gantt.plugins({
    keyboard_navigation: true
});

启用键盘导航和按单元格导航：

gantt.config.keyboard_navigation = true;
gantt.config.keyboard_navigation_cells = true;

此外，您可以激活占位符 row，即显示在任务列表末尾的空行。您的最终用户可以对其进行编辑以将新任务添加到甘特图中。

gantt.config.placeholder_task = true;

如果需要，您还可以添加任务类型的自动检测：

gantt.config.auto_types = true;

3、自定义内联编辑

您还可以提供自定义键盘映射，即描述用户打开编辑器的逻辑，在单独的对象中指定编辑器相关事件的处理程序（打开、关闭编辑器、开始和结束编辑等），然后传递 this反对将应用您的映射方案的特殊方法：

var mapping = {
 init: function(inlineEditors){
  // inlineEditor module is initialized
  // add global listeners for starting/ending editing
 },
 
 onShow: function(inlineEditors, node){
  // the editor is displayed
 },
 
 onHide: function(inlineEditors, node){
  // the editor is hidden
  // clean the onShow changes if needed
 }
};
 
gantt.ext.inlineEditors.setMapping(mapping);

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足项目管理控件应用程序的所有需求，是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯，欢迎在线咨询或者私信我获取正版试用版及报价。

甘特图控件交流群：764148812    欢迎进群交流讨论

更多正版甘特图软件下载、购买、授权咨询，请点这里！