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(),
运行结果