Ext中关于Ext.QuickTips.init()的使用

在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext.QuickTips.init();

但是QuickTips的用处是什么呢?

我们看一段最简单的代码:


<html> 
   <head> 
       	<meta http-equiv="Content-Type" content="text/html; charset=gbk">   
     	<title>04.form</title>    
    	<link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/resources/css/ext-all.css" />   
     	<script type="text/javascript" src="http://www.cnblogs.com/adapter/ext/ext-base.js"></script>   
     	<script type="text/javascript" src="http://www.cnblogs.com/ext-all.js"></script>  
  </head>   
 <body>
    	<a href="#" ext:qtip="my tooltip">Link</a>
   	<a href="#" ext:qtip="my tooltip1">Link2</a>  
 	<input type="button" ext:qtip="my tooltip3" value="Button"/>  
      	<script type="text/javascript">    
    		 Ext.onReady(function()
		{      
			Ext.QuickTips.init();      
		 });    
    	</script>    
</body>
</html>



鼠标悬浮在链接上的效果如图:


               


即:把鼠标移到上面的Link和旁边的输入框上方,可以看到在鼠标旁边显示出了提示语。 可以明显的看出Ext.QuickTips.init()的作用了吧,QuickTips的作用是读取标签中的ext:qtip属性,并为它赋予显示提示的动作。



引用地址: http://www.cnblogs.com/jianglan/archive/2011/08/26/2154120.html

你可能感兴趣的:(Ext中关于Ext.QuickTips.init()的使用)