概述

一個甘特圖包含左邊和右邊2個部分，左邊部分就是樹表。FlexGantt這個設置讓我們創建填充表格數據。

樹節點（Tree Nodes）設置

• 任何對象都可以表現在樹表中，但是得到一個工作甘特圖的最簡單方法是使用FlexGantt默認的模型類。默認模型有DefaultGanttChartModel和DefaultGanttChartNode。
  由于我們在基礎設置里使用了默認的甘特圖構造函數。
  代碼：
  

  DefaultGanttChartModel model = (DefaultGanttChartModel) gc.getModel();

• 默認模型的根節點是DefaultGanttChartNode的一個實例。
  代碼：
  

  DefaultGanttChartNode root = (DefaultGanttChartNode) model.getRoot();

• 現在我們添加我們自己的節點到根目錄了。我們需要創建關鍵值，它會顯示在樹表的關鍵列中。
  代碼：

  DefaultGanttChartNode node1 = new DefaultGanttChartNode("Node 1"); 
  DefaultGanttChartNode node2 = new DefaultGanttChartNode("Node 2"); 
  DefaultGanttChartNode node3 = new DefaultGanttChartNode("Node 3"); 
  node1.setKey("Key 1"); 
  node2.setKey("Key 2"); 
  node3.setKey("Key 3"); 
  root.add(node1); 
  root.add(node2); 
  root.add(node3);

• 現在我們需要告知模型的根節點的結構發生了變化（新子類）。這樣事件就會被模型所觸發。這些事件被樹表接收，然后更新。
  代碼：
  

  model.nodeStructureChanged(root);

• 我們添加跟多的節點到node2。
  代碼：

  DefaultGanttChartNode node21 = new DefaultGanttChartNode("Node 21"); 
  DefaultGanttChartNode node22 = new DefaultGanttChartNode("Node 22"); 
  DefaultGanttChartNode node23 = new DefaultGanttChartNode("Node 23"); 
  DefaultGanttChartNode node24 = new DefaultGanttChartNode("Node 24"); 
  DefaultGanttChartNode node25 = new DefaultGanttChartNode("Node 25"); 
  node21.setKey("Key 21"); 
  node22.setKey("Key 22"); 
  node23.setKey("Key 23"); 
  node24.setKey("Key 24"); 
  node25.setKey("Key 25"); 
  node2.add(node21); 
  node2.add(node22); 
  node2.add(node23); 
  

• 最后整個設置完成代碼：

  /**
  * Copyright 2006 - 2008
  * Dirk Lemmermann Software & Consulting
  *
  //www.dlsc.com
  */
  package com.dlsc.flexgantt.examples.jumpstart;
  import javax.swing.JFrame;
  import com.dlsc.flexgantt.model.gantt.DefaultGanttChartModel;
  import com.dlsc.flexgantt.model.gantt.DefaultGanttChartNode;
  import com.dlsc.flexgantt.swing.GanttChart;
  import com.dlsc.flexgantt.swing.GanttChartFrame;
  /**
  * One of the steps used for the 'Jumpstart' tutorial. The step will create a
  * couple of tree nodes and add them to the Gantt chart.
  *
  * @author Dirk Lemmermann
  */
  public class Step2_Tree_Nodes {
  /**
  * The application‘s entry point.
  Page
  5
  !
  FlexGantt - Getting Started
  */
  public static void main(String[] args) {
  /*
  * Create a basic Gantt chart, which will use the default Gantt chart
  * model. The default model itself will use the default Gantt chart node
  * as a root object.
  */
  GanttChart gc = new GanttChart();
  /*
  * Retrieve the default model and node from the Gantt chart.
  */
  DefaultGanttChartModel model = (DefaultGanttChartModel) gc.getModel();
  DefaultGanttChartNode root = (DefaultGanttChartNode) model.getRoot();
  /*
  * Add new nodes to the model and trigger an event so that the UI will
  * update its state.
  */
  DefaultGanttChartNode node1 = new DefaultGanttChartNode("Node 1");
  DefaultGanttChartNode node2 = new DefaultGanttChartNode("Node 2");
  DefaultGanttChartNode node3 = new DefaultGanttChartNode("Node 3");
  node1.setKey("Key 1");
  node2.setKey("Key 2");
  node3.setKey("Key 3");
  root.add(node1);
  root.add(node2);
  root.add(node3);
  model.nodeStructureChanged(root); // the event
  /*
  * Add more nodes to node2.
  */
  DefaultGanttChartNode node21 = new DefaultGanttChartNode("Node 21");
  DefaultGanttChartNode node22 = new DefaultGanttChartNode("Node 22");
  DefaultGanttChartNode node23 = new DefaultGanttChartNode("Node 23");
  DefaultGanttChartNode node24 = new DefaultGanttChartNode("Node 24");
  DefaultGanttChartNode node25 = new DefaultGanttChartNode("Node 25");
  node21.setKey("Key 21");
  node22.setKey("Key 22");
  node23.setKey("Key 23");
  node24.setKey("Key 24");
  node25.setKey("Key 25");
  node2.add(node21);
  node2.add(node22);
  node2.add(node23);
  node2.add(node24);
  node2.add(node25);
  model.nodeStructureChanged(node2); // another event
  /*
  * Add the Gantt chart to a specialized frame class. The frame will
  * automatically add a status bar and a glass pane (used for updating
  * the cursor when commands get executed).
  */
  GanttChartFrame<GanttChart> frame = new GanttChartFrame<GanttChart>(
  "Step 2", gc);
  frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  /*
  * Show the frame. The split panel inside the Gantt chart will adjust
  * to the preferred size of the left-hand side (the tree table).
  */
  frame.setVisible(true);
  }
  }

設置后的教程應用程序