在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>

鼠标悬浮在链接上的效果如图:
                              aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAAA0CAIAAAA4+SxPAAAEzUlEQVR4nO2cP3OiTByA93Ol5pvo5NptGFsmFWdxxrGwSZHSuRmvtErlTNrLvO/caIykkCERxfclCGvCH4crULLCgqCCEHhmi3VZ9oe/B5ZFMgF2iW23Wq1arQYzQ61Wa7Va+BGCc6UmO3yv15vNpiiKVmYQRbHZbH6v192DDPIk9S8Y5qIvRfie0nWbAd3BSXJ2jtA0Tc/nc8MwlpnBMIz5fE7TtHuQIOCrppGspENL120GMJtyGXiAEELLss6txotlWRBC9yCDPMXg1J5OM4J03W5fb12P++1gVRBC0zSVjGGaZiE8eRhcMkE9HU9vGSOip53JZ/slB13SNOIZYXDJMID5PJdjZzmR0CFGHU/yFrCLfCYO9oSdj70ung58BKdnt7fHUGjukggdds+DEBqG8R8GAIBYJ0LssHevvRiGcZindn9M3uqO4Ny3I0qyY3g6OnSvG7LV8bTAAAAQ60SIHfbutZeDPe30GVz6khWaCyIphQ5dRNhbTxIGPu/hLZ66Z4b07+s2ejYRx5F2ScgTw4Coi+nPGGmEHnT3HRiEcLVaPWMAAPx1YqOnHtIYNCZx/Ofn59Vqlcz1tO+09ZN86EiPYo6nMQYAwF8nNnrqIY2xxhyPx4l5sje3geiqEg4t9S8C1+I4jqcnDACAv05s9NRDGmON+fT0lKQncr4CSTR0yAOTBwghQugRAwDgrxMbPfWQxlhjPj4+IoT8npidctGXDk6We8+IcK9KMLQzE3pL4PMTQmiwxbMQGGAEbfL3JDZ6diR+dDt7Pe1L5tcHQqhp2p+MoWla6WkHx9O/GcPryTc5nKyEZye5uHGPCkKoquo/GUNV1fJ62oGmaZ7nF4vFQ2ZYLBY8z++8fzpjgjJCvV5vNBqCIKiZQRCERqNRj/A+t1iwLEvTdAp/+BARmqZZlsWPsPSUD0pP+aD0lA9KT/mg9JQP4nn68fN3XkpC+ToXMTz9+Pn7V597QXr2y68+98VUxfP0gvT/kZ398oL0onuaLe3sF8cTQkjXddM01+t1chlMh6/sSZZlTdN0XbcsK7kMpkO2PQ07lWrn4VBP0+lUlmWEkGEYyWUwHVL3FCv1bmd/JYKnyWQiSZKqqrquJ5fBdMibpzjXE8dxoigqivLx8ZFcBtPhCE/DTqXKMlWKoijmjr/ZVOzZkr+pOhV7trxnqG83QzeDm24URVVu+dmwU9l8YnvumHjLRg+21xVbqXYesNDboARPo9Ho9fX17e3t/f09uQymw3GeHAd3LOVWnLP+jqWu7md4hXA93TPbFD/cfqOu7gktQfOeG9oJ4Wre9TQcDgVBkGW58J4Cbx73DMX2lnbvyneyE6eyYadCsb2QFr+nz2nQc8mWnmJ4cgxtbJWejicpT86dpnLLE5YGG3kx5z38joUHcifb0pNDPE9L/qbqPc1n20st5joC28tdR1Auvku29BRjXU46zU9W9i3TS09RPRFWEKWnI8j270aHltJTnt5rFPc5N1/vCQv6u5Gdq/fuo9GooL/D4hiGgRCSZXk6nU4mE47jhlmC47jJZFLQ9xo4lmXpuq5pmizLkiSJoihkCVEUJUkq6HtCnPV6bZqmrusIIVVVFUU5x/8sCURRFFVVC/reveSMlJ7yQekpH/wF4r27CtGCXdoAAAAASUVORK5CYII=" alt="" />      aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAA6CAIAAAA7lPxkAAAE9klEQVR4nO2cPW/qOhiA/bs655+A2tVLxBp1ymE4FDGwdOiIjsQZmTohsR50r66glHQgoiUl3JtCYtp8oNwhEEziJLjlI2n8yINxHL+xn8RxCAJ0hzOWspjAHSObAJeRTZi5rMLMua7r1mq1UqkEU0OpVKrVavHHzMy5P8rlarWqKIqTGhRFqVarP8rlmMOOMqe2LwThoq3u0XP1pi6AZu8TY5aO0DzPT6dTy7IWqcGyrOl0yvN8zGGDiM6fYviOHVq9qQtAWKfLyAOEEDqOc25ZQRzHgRDG9D3KHAWHNneYFtSbev1mY3/YrkfLgxDatj1PGbZt59RcgN6lEFXTM/eWMj5tbmfK2nS71yRNPoEWepeCAITt+R7NKUPHOPbMaRvALtqZOKA57JxtNfEBwlvwajZbMRETR/MYoePunRBCy7L+xQAAEPNEiBUS90rEsqxDmau3h+StfgveimBPbS6FuS+HbjVjtnrmZhgAAGKeCLFC4l6JHNDcTp3eZWj4YkeHyIlCxy5P3I05FQOfLfGSQD4wr4b39QsDm4jtqLuczJwggH2X8tsYpwjdayYdGIRwuVw+YQAAwnliYSAfUxjVJrH9p6en5XJ5qmsu6dQOc/zQez0aeuaGGACAcJ5YGMjHFFK1ORwOT2jOXd9O9pd35NBq+yLySQDHM/eIAQAI54mFgXxMIVWbj4+PpzVHHsFIjho65gEuAIQQIfSAAQAI54mFgXxMIVWbDw8PCKF9zAk76aKtfnr4/HvPHve8I4b25s9ginyeQwj1NgSWGD2MqE3hmsTCwI7Ej37lZHNJw/v9gRAahvFPyjAMg5lLwDP3d8pINheaUg6W4sfreHFpjwpCqOv6XylD13V2zSXA87wsy7PZrJsaZrOZLMsJ7+dONkCppVwuVyqV8Xisp4bxeFypVMqfeieeL0RR5Hn+BD8w2ROe50VRjD9mZi6rMHNZhZnLKsxcVmHmsgozl1Uyb+7nrz/ZTV/peLbN/fz153dbekZmFtPvtvQVeZk394zM/5CbxfSMzLybe124WUyeOYSQaZq2ba9WK6q+M3NnNqdpmmEYpmk6jkPVd2aOMvUbhWKjezhzk8lE0zSEkGVZVH1n5ihl+JXDmcjUEUgVPHOj0UhVVV3XTdOk6jsz92Vzsal7d8VxHBdtTpIkRVHm8/nHxwdV37+XuX6jUBSFIsdxnHAv364z7utCvi16Gfd10RG4q9u+P4LrahzHFe7k136jsP4ktvw28ZK1MGyva7FQbHSx0JugCWeGZ24wGLy8vLy9vb2/v1P1/duZ86zci5yf8UbtXuSuO694hjCyHWEz6N27K+66QyiJmi390F4IX3ySuX6/Px6PNU3LvbnIm1BH4MTWwm1d714QURNgv1HgxFZMSdjcVs/uZc3MhaEx5zlb+2PmzgyVOe+OVbiTCYuOtU7K2RK/8+GB/CmamYuCztxCvi3ia5Ntal3TrlCwvfwVCuezvazXa8vwsoWZo3gqCFwKh030T+jM3L7mCGsTZu5cfIPvLXNt7uzva77ylie/T+JZf7Oa02+/3Iz/mmEwGOT0G2ccy7IQQpqmTSaT0WgkSVI/3UiSNBqNcvqWB8dxHNM0DcPQNE1VVUVRxulGURRVVXP6ZhVntVrZtm2aJkJI1/X5fH6OP32iYD6f67qe018z5BlmLqswc1mFmcsq/wOHtZTpkua4twAAAABJRU5ErkJggg==" alt="" />          aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA7CAIAAABpMPZ0AAAFd0lEQVR4nO2az27aShTG57kii0Xll2jVHShVnsJuumGRRlmVRVMpu0ujS69MVdRKqAuibJNFKxCK1V5oAiROYogxMPjP3IVh4tiDwYlxTO759C2Gw3iOh/l5ZmyMCOh/L/TYJwB6fAEEE228+/rszWdOkBLiZ28+b7z7Gk/fAQJCCHmxJW18OPitaGPLToh/K9rGh4MXW1IM3Q+AQKmsieJaRVmgFWUnJ6JCNbKzijt1Siw2rvpDw74YWAnx0LAbV/2UWHxYzxYSIjN/xzhGYtmplZ2ciMSJ12eeICdI2LI7AytRxpbNCXHNBA+/mKKGIJoWlJ1cbmcK0kklN5sDTpCwabd0K1HGJkAQdQvVdXFWTU6QRqZ92jcT5VECILgzJ09/wWqBNbt6WqiuiyISb6/C2YozdQAunCANTbuhmY7RXdF4zB4mEgLXlVQquH9rdwtOzUJpofQxpg7aZzgQ/LoxqRFCzDLTzApzj5rrZEKQq5ywv6UtOBuxBQmINXWpEPAtJ0gDw5Z7JjVCiFlmmllh7lFzPTCSCMGdOtV130gE/tBMxZQ6cFdICOEESTfsetekdi8H7oin7Fk4/MfSoOcrZjvumvWuqa8gBKKIFr2vu80RR+pqYd6JcYKkYvt7y6JGCPnLzKCnHBCc1Saz/e8tS8WrB0GhOu+C82v5qRd65MAJ0vXILp+Z1Aghf5kZ9JQDgqHaLJ+Z16NVhIBMlt7FOVhyaqWyNvO20C1OkK5G9rc/BjVCyF9mBj3lgGCoNr/9Ma5WFQISjoOlpg54MOARJ0iXI/tLc0yNEPKXmUFPOSAYqs0vzfFl7BCId7xWUe49ErTBBfYHS0ztLBBez3xOcDm0iv9ix56dHY0HfOWvyQx6DmR+pJUvh1Z8EIA4QVKG1j+/RomyAhDEKU6QLgbW3/IwUb4YxAWBb8KM0sG5l5o61FlxgnQ+sD6eDBLl89ggiCFH8pV6XfzRupG7xl91PSGWu8aP1k3qdVzvE4Bevi1m3h/8bGsd3UyIf7a1zPuDl28Bghj1fEtKicVHf7WQOiUWn8fybhkBCEAEIAARgABEAAIQAQhABCAAEYAARACCe2h7/2h1zewRQBBO2/tHnyrymY5X0Z8qMpMDgCCctvePznR8rZNV9JmOAYII5EBwfkNW0Q4Euq5jjA3DsCzL6RRAEE5PAAJVVfv9PsbYNE2nUwBBOD0CBLV8OpM/jg6Cdrutqqqu6+Px2OkUQBBO0UAQalxpZX+B4UORn2rzkAlBo9FQFEXTNIyx0ymAIJwSAUGAy1mx7JSbu5lXuzUGBLIsdzqdXq83Go2cTgEE4eSFoJZPZ7Jihud5Xiw3dycFZwz46Xgcirx7PCbVeJ5P7zXPa/n05FO2RNt0RyZj7zpqM5vO5I9dqadJPVPCtMG7ENTr9Var1e12h8Oh0ymAIJwYEDgDXM7ytOBcr+XsZEKmBcZMcChOx+947xW/eciIzFoOaGonxe2QO7h4CaAQ1Gq109NTVVUBgnuKNRPMWrAn12Jp03eZMmf4Wj7NZ0sBET8Et6uDZ7JhRgCCiBQGAmf4GdNyLBAw4AMIolEoCJzVPb3XZOz1JmSEXA7cuwR3oukadLyXnaIAM8HSFA4C1hadXqYhN4auo+jGkN4N0mPLWRrybRUBgogU7haRbhKX4fAPkQCCaBQKAsaWECB4AnoC/x0ABA/VE/grGR4WPVRP4KUSeGwcgR79FbGHuF6vwx9IUWo8Huu6rqpqu91uNBqyLNeSLVmWG40G/JUcpUzTxBj3+31VVRVF6XQ6p8lWp9NRFAVeKolSlmUZhoEx1nVd07Rer6cmW71eT9M0eL0MxBBAAAIIQAABiAAEIAIQgAgh/wG6IHwnv1BSGAAAAABJRU5ErkJggg==" alt="" />
即:把鼠标移到上面的Link和旁边的输入框上方,可以看到在鼠标旁边显示出了提示语。 可以明显的看出Ext.QuickTips.init()的作用了吧,QuickTips的作用是读取标签中的ext:qtip属性,并为它赋予显示提示的动作。

Ext中关于Ext.QuickTips.init()的使用的更多相关文章

  1. 【转载】Ext中关于Ext.QuickTips.init()的使用

    免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:然嗄      原文地址:http://www.cnblogs.com/jia ...

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

    转自:http://www.cnblogs.com/jianglan/archive/2011/08/26/2154120.html 在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext. ...

  3. Ext.QuickTips.init();

    在Extjs的组件需要提示框时往往需要此语句. 首先,Ext.QuickTips是什么? 在Ext JS 4.2.0 的API中可以查到,注意在其他的Extjs版本以下查不到,这是因为在其他版本Ext ...

  4. Ext.QuickTips.init()的使用

    在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext.QuickTips.init();但是QuickTips的用处是什么呢?我们看一段最简单的代码: <html> <h ...

  5. ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页

    ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1 ...

  6. 46. Ext中namespace的作用(转)

    转自:https://www.cnblogs.com/givemeanorange/p/5569954.html Ext中在每一个页面中添加一个namespace呢,就像下面的代码: // creat ...

  7. Ext中renderer用法及参数

    转载处:http://blog.csdn.net/yangxiaojun9238/article/details/8240139 setHeader是设置http恳求的头是MIME 和谈的拓展可以实现 ...

  8. 【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net

    Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http:// ...

  9. Ext.Net学习笔记24:在ASP.NET MVC中使用Ext.Net

    在前面的笔记中已经介绍了如何在ASP.NET WebForm中使用Ext.Net,由于这个系列一直在WebForm中使用,所以并没有涉及到ASP.NET MVC中的用法. 如果你要在ASP.NET M ...

随机推荐

  1. 百度Ueditor 图片上传无反应,显示上传0张,不能点确定

    解决办法: \Data\Ueditor\php\Uploader.class.php 190行左右 /** * 获取文件扩展名 * @return string */ private function ...

  2. P1266 速度限制

    P1266 速度限制 第一次接触这种分层spfa 类似于dp 个人理解 #include<cstdio> #include<iostream> #include<algo ...

  3. [USACO07FEB]银牛派对Silver Cow Party---最短路模板题

    银牛排队 对于我这种蒟蒻来说,还是不要跑一次单元最短路.跑两次好写呀(- ̄▽ ̄)- 而题目中是有向图.如果如果按照题意进行最短路的话.就会出现一个单终点最短路和一个单起点最短路 对于单起点自然就是套模 ...

  4. es6-promise.auto.js

    使用sweetalert2的IE浏览器报错,导入文件 链接:https://pan.baidu.com/s/1mOcsN_o8m-7I7Rej1NPkiw 提取码:9xsj

  5. 基于asp.net MVC 的服务器和客户端的交互(一)

    架构思想 三层架构 提出了一种基于ASP.NET开发方式的三层架构的Web应用系统构造思想.其基本内容是:将面向对象的UML建模与Web应用系统开发 相结合,将整个系统分成适合ASP.NET开发方式的 ...

  6. Tomcat的部署+第一个Servlet

    Tomcat部署 1.下载tomcat,添加到eclipse 2.配置环境变量(path) 3.win+r,输入Startup(如果没用,就管理员启动命令) 或者找到tomcat安装包,在bin目录找 ...

  7. float元素浮动后高度不一致导致错位的解决办方法

    换行开始的第一个元素clear:left;即可 例如  四列时应该时第5个,9个...加clear:left; .row .col-lg-3:nth-child(4n+1),.row .col-md- ...

  8. 用 js 写一个获取随机颜色的程序

    function getColor(){ var color="#"; for(var i=0;i<6;i++){ color+=(Math.random()*16 | 0) ...

  9. <Docker学习>3. docker镜像命令使用

    镜像提供容器运行时所需要的程序,资源.配置文件等,是一个特殊的文件系统.是容器运行的基础.镜像是多层文件系统组成的,是一个分层存储的架构,在镜像的构建中,会一层层的构建,每一层构建完成就不会发生改变, ...

  10. 开放定址法——平方探测(Quadratic Probing)

    为了消除一次聚集,我们使用一种新的方法:平方探测法.顾名思义就是冲突函数F(i)是二次函数的探测方法.通常会选择f(i)=i2.和上次一样,把{89,18,49,58,69}插入到一个散列表中,这次用 ...