日期:2014-05-16  浏览次数:20397 次

如何使用ExtJs为表格单元格增加Tooltips(QuickTips)浮动信息

ExtJs证实了其十分强大的界面定制能力,其中的提供的ToolTips功能比HTML里的如下语句定制性更强,完全可以代替如下功能

<a href="http://dfdfd" title="TIPS">Some Text</a>

?

ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的,其中Ext.ToolTip的定制功能很强,具体效果可以参考,具体配置代码如下,

ToolTip配置代码
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->?1/**//*
?2?*?Copyright(c)?2006-2008,?Ext?JS,?LLC.
?4?*?
?6?*/

?8
?9Ext.onReady(function(){
10????new?Ext.ToolTip(????????target:?'tip1',
12????}
);
14
15????new?Ext.ToolTip({
16????????width:?200,
18????????autoLoad:?