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(),  

运行结果

posted @ 2012-09-07 15:43  Seaurl  阅读(368)  评论(0编辑  收藏  举报