這篇文章給大家講解 dhtmlxGantt的默認布局和滾動條。

DhtmlxGantt正版試用下載

默認布局

布局是通過gantt.config.layout配置選項設置的。布局的默認配置如下：

gantt.config.layout = {
    css: "gantt_container",
    rows:[
        {
           cols: [
            {
              // the default grid view  
              view: "grid",  
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            { resizer: true, width: 1 },
            {
              // the default timeline view
              view: "timeline", 
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            {
              view: "scrollbar", 
              id:"scrollVer"
            }
        ]},
        {
            view: "scrollbar", 
            id:"scrollHor"
        }
    ]
}

甘特圖的布局由視圖占據的單元格組成。 主要和輔助甘特圖元素由視圖 ，它們是：

• 網格 - 定義甘特圖的網格部分。 用于顯示任務的預定義主網格具有 id:"grid" ；
  
• 時間線 - 定義甘特圖的時間線部分。 為顯示任務預定義的主時間線具有 id:"timeline" ；
  
• resizer - 定義調整大小的行。 要啟用調整大小，您需要將 resizer 屬性設置為 true 。 僅在 PRO 版中可用 ；
  
• 滾動條 - 定義甘特圖中使用的滾動條。 網格和時間線視圖可以綁定到特定的滾動條。 閱讀下面的詳細信息。
  
• resourceGrid - 資源面板的預配置網格。僅在PRO版中可用。
  
• resourceTimeline - 資源面板的預配置時間線。僅在PRO版中可用。
  

視圖配置被指定為具有相應屬性的對象。您可以設置自定義配置選項為網格和時間線視圖默認選項取自全局gantt.config對象。

滾動條

布局滾動條由“滾動條”視圖指定。您可以設置水平和垂直滾動條。

將其綁定到相應的視圖scrollX或scrollY屬性可以將多個視圖綁定到同一個滾動條。為了將視圖綁定到滾動條：

• 設置具有必要滾動方向的滾動條并為其分配 ID
  
• 使用滾動條的id作為scrollX/scrollY視圖配置對象內
  

 在里面定義一個滾動條colsarray將創建一個垂直滾動條，在rowsarray將制作一個水平滾動條。或者，您可以使用滾動參數顯式定義滾動模式：

{ view: "scrollbar", id:"scroller", scroll: "x" } // horizontal

或者：

{ view: "scrollbar", id:"scroller", scroll: "y" } // vertical

讓我們將自定義網格和時間線視圖綁定到垂直滾動：

gantt.config.layout = {
    css: "gantt_container",
    rows:[
        {
           cols: [
            {             
              view: "grid", 
              scrollY:"scrollVer"
            },
            { resizer: true, width: 1 },
            {
              view: "timeline", 
              scrollY:"scrollVer"
            },
            {
              view: "scrollbar", 
              id:"scrollVer"
            }
        ]}
    ]
}

當您滾動垂直滾動條時，網格和時間線會一起滾動。在默認布局中，網格和時間線視圖綁定到水平和垂直滾動。
也可以為Grid視圖指定一個單獨的水平滾動條。

dhtmlxGantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表，可滿足項目管理控件應用程序的所有需求，是最完善的甘特圖圖表庫。了解更多DhtmlxGantt相關內容和資訊，歡迎在線咨詢或者私信我獲取正版試用版及報價。

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

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