Ext Gantt Web甘特圖--自定義提示框

ExtJS甘特圖控件有很多提示框效果，當滑鼠移上，或進行某些操作的時候，提供更多豐富的資訊幫助使用者更好的操作。

1.       tooltipTpl : new Ext.XTemplate(   

2.           '<h4 class="tipHeader">{Name}</h4>',   

3.           '<table class="taskTip">',    

4.           '<tr><td>開始時間：</td> <td align="right">{[values.StartDate.format("y-m-d")]}</td></tr>',   

5.           '<tr><td>結束時間:</td> <td align="right">{[values.EndDate.format("y-m-d")]}</td></tr>',   

6.           '<tr><td>完成百分比： </td><td align="right">{PercentDone}%</td></tr>',   

7.           '</table>'  

8.       ).compile(),  

運作結果