這篇文章給大家講解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    歡迎進群交流討論

更多正版甘特圖軟件下載、購買、授權咨詢，請點這里！