前言：DHTMLX Gantt 是一款用于跨瀏覽器和跨平臺應用程序的交互式 JavaScript/HTML5 甘特圖，擁有最完整的甘特圖庫，涵蓋項目管理應用程序的所有需求。

點擊獲DhtmlxGantt官方正式版

本次我們主要介紹 DHTMLX To Do List 1.0 的主要功能，包括便捷的任務管理，指定日期和參與者，以及便捷的鍵盤導航。此外，我們將表明如何將To Do List與DHTMLX Gantt整合在一起，以及有哪些方法可以定制其外觀。

第二部分是一個列表，用戶可以在其中創建無限數量的帶有子任務的任務。默認情況下，用戶可以通過雙擊來編輯任務內容。他們可以在上下文菜單的幫助下折疊或展開任務、縮進或取消縮進、將其移動到另一個項目或從列表中永久刪除任務。To Do List 文檔描述了如何從 UI 管理任務，并包括通過 API 可用的任務操作列表。

此外，您可以選擇第二種或手動模式檢查/取消檢查任務，使用戶能夠自己完成所有任務。

使用標簽

設置截止日期

此外，您可以配置待辦事項列表以自定義格式顯示日期。DHTMLX 小部件以“%d %M %Y”格式顯示日期。您可以通過taskShape屬性在日期設置中指定相應的字符來添加日期的名稱或將月份顯示為數字。請參閱文檔中設置日期格式的完整字符列表。

分配參與者

• // 將用戶分配到任務
  列表。assignUser ( {
      id : "3" ,
      userId : "user_1"
  } ) ;
  
  // 從任務
  列表中取消分配用戶。unassignUser ( {
      id : "2" ,
      userId : "user_1"
  } ) ;
  

• const users = [
      { id ： “user_1” ，標簽： “Don Smith” ，頭像： “../avatar_61.jpg” } ，
      { id ： “user_2” ，標簽： “Nadia Chasey” ，頭像： “../ avatar_63.jpg" } ,
      { id : "user_3" , label : "Mike Young" , avatar : "../avatar_03.jpg" } ,
      {身份證： “user_4” ，標簽： “Elvira Webb” ，頭像： “../avatar_33.jpg” }
  ] ；
  const list = new ToDo ( "#root" , { users } ) ;

便捷的鍵盤導航

從它的第一個版本開始，DHTMLX To Do List 提供了便捷的鍵盤導航。它涵蓋了所有必要的命令，例如復制、復制和粘貼任務。此外，用戶還可以添加或刪除任務，展開或折疊任務列表，以及向上或向下移動選定的任務。

與 DHTMLX 甘特圖集成

易于配置和可定制的外觀

• const list = new ToDo ( "#root" , {
      tasks ,
      users ,
      projects ,
      taskShape : {
          counter : {
              type : "percentage" // 默認為 "number "
          }
      }
  ) ;
  

DHTMLX To Do List 允許您通過使用預定義的 CSS 變量來修改其外觀。它們包括基本顏色、字體、圖標、復選框外觀等。您可以在文檔中找到 CSS 變量的完整列表。

DhtmlxGantt技術交流群：764148812

DhtmlxGantt| 下載試用

DhtmlxGantt是針對您的解決方案的交互式JavaScript / HTML5甘特圖。