翻譯|使用教程|編輯:秦林|2022-10-18 13:25:25.697|閱讀 335 次
概述:這篇文章給大家講解dhtmlxGantt的自定義編輯模式有哪些。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>
相關(guān)鏈接:
這篇文章給大家講解dhtmlxGantt的自定義編輯模式有哪些。
1、基本內(nèi)聯(lián)編輯
此模式預(yù)先假定使用鼠標(biāo)指針將焦點(diǎn)設(shè)置在單元格和允許導(dǎo)航單元格的熱鍵上:
Tab - 將焦點(diǎn)移至下一個(gè)編輯器
Shift+Tab - 返回上一個(gè)編輯器。
2、鍵盤(pán)導(dǎo)航模式
在這種模式下,鍵盤(pán)在預(yù)定義的鍵或組合鍵的幫助下用于導(dǎo)航和編輯網(wǎng)格單元。
要啟用鍵盤(pán)導(dǎo)航以進(jìn)行編輯,您需要:
使用gantt.plugins方法啟用keyboard_navigation插件。
gantt.plugins({ keyboard_navigation: true });
啟用鍵盤(pán)導(dǎo)航和按單元格導(dǎo)航:
gantt.config.keyboard_navigation = true; gantt.config.keyboard_navigation_cells = true;
此外,您可以激活占位符 row,即顯示在任務(wù)列表末尾的空行。您的最終用戶可以對(duì)其進(jìn)行編輯以將新任務(wù)添加到甘特圖中。
gantt.config.placeholder_task = true;
如果需要,您還可以添加任務(wù)類型的自動(dòng)檢測(cè):
gantt.config.auto_types = true;
3、自定義內(nèi)聯(lián)編輯
您還可以提供自定義鍵盤(pán)映射,即描述用戶打開(kāi)編輯器的邏輯,在單獨(dú)的對(duì)象中指定編輯器相關(guān)事件的處理程序(打開(kāi)、關(guān)閉編輯器、開(kāi)始和結(jié)束編輯等),然后傳遞 this反對(duì)將應(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是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表,可滿足項(xiàng)目管理控件應(yīng)用程序的所有需求,是最完善的甘特圖圖表庫(kù)。了解更多DhtmlxGantt相關(guān)內(nèi)容和資訊,歡迎在線咨詢或者私信我獲取正版試用版及報(bào)價(jià)。
甘特圖控件交流群:764148812 歡迎進(jìn)群交流討論
更多正版甘特圖軟件下載、購(gòu)買(mǎi)、授權(quán)咨詢,請(qǐng)點(diǎn)這里!
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn