這篇文章給大家講解dhtmlxGantt的自定義編輯模式有哪些。

DhtmlxGantt正版試用下載

1、基本內(nèi)聯(lián)編輯

此模式預先假定使用鼠標指針將焦點設(shè)置在單元格和允許導航單元格的熱鍵上：

Tab - 將焦點移至下一個編輯器

Shift+Tab - 返回上一個編輯器。

2、鍵盤導航模式

在這種模式下，鍵盤在預定義的鍵或組合鍵的幫助下用于導航和編輯網(wǎng)格單元。

• Enter - 打開/關(guān)閉編輯器
• 空格鍵 - 打開編輯器
• 箭頭鍵 - 導航網(wǎng)格單元
• Shift+右箭頭鍵 - 向右移動一個任務(wù)，即做一個嵌套任務(wù)，而上面的任務(wù)變成一個項目
• Shift+左箭頭鍵 - 將項目變成一個簡單的任務(wù)
• Shift+向上箭頭鍵 - 折疊帶有任務(wù)的分支
• Shift+向下箭頭鍵 - 用任務(wù)展開分支

要啟用鍵盤導航以進行編輯，您需要：

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

gantt.plugins({
    keyboard_navigation: true
});

啟用鍵盤導航和按單元格導航：

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

此外，您可以激活占位符 row，即顯示在任務(wù)列表末尾的空行。您的最終用戶可以對其進行編輯以將新任務(wù)添加到甘特圖中。

gantt.config.placeholder_task = true;

如果需要，您還可以添加任務(wù)類型的自動檢測：

gantt.config.auto_types = true;

3、自定義內(nèi)聯(lián)編輯

您還可以提供自定義鍵盤映射，即描述用戶打開編輯器的邏輯，在單獨的對象中指定編輯器相關(guān)事件的處理程序（打開、關(guān)閉編輯器、開始和結(jié)束編輯等），然后傳遞 this反對將應(yīng)用您的映射方案的特殊方法：

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是用于跨瀏覽器和跨平臺應(yīng)用程序的功能齊全的Gantt圖表，可滿足項目管理控件應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。了解更多DhtmlxGantt相關(guān)內(nèi)容和資訊，歡迎在線咨詢或者私信我獲取正版試用版及報價。

甘特圖控件交流群：764148812    歡迎進群交流討論

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