0
点赞
收藏
分享

微信扫一扫

ext Ext.QuickTips.init();


在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.     });

  1. </script>

 

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

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

举报

相关推荐

0 条评论