ext Ext.QuickTips.init();

2008-10-15 09:20:43|  分类： ext |  标签：无 |字号大中小 订阅

转载:

在extJS的例子中，大部分都在程序第一行使用了如下语句：

Ext.QuickTips.init();

但是QuickTips的用处是什么呢？

我们通过一个例子来看（可能是代码与Wordpress兼容的问题，只能在Opera和Safari上看到例子的样子，在firefox和IE上都无法显示这个例子，我感到比较奇怪。）

大家把鼠标移到上面的Link和旁边的输入框上方，可以看到在鼠标旁边显示出了提示语。（如果你无法看到效果，很有可能是因为你无法访问国外网站，请确保你能够访问http://extjs.com）

上面这个例子的代码为：

 

1. <script type="text/javascript" src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script>
2. <script type="text/javascript" src="http://extjs.com/deploy/dev/ext-all.js"></script>
3.  
4. <a href="..." ext:qtip="my tooltip">Link</a>
5. <input type="text" value="hello" ext:qtip="still my tooltip"></input>
6. <script type="text/javascript" charset="utf-8">
7.     Ext.onReady(function(){
8.         Ext.QuickTips.init();
9.     });       
10. </script>

 

第1、2行应该放在head标签内；

从第4、5行可以发现，QuickTips的作用是读取标签中的ext:qtip属性，并为它赋予显示提示的动作。