在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. P1540 机器翻译

    题目背景 小晨的电脑上安装了一个机器翻译软件,他经常用这个软件来翻译英语文章. 题目描述 这个翻译软件的原理很简单,它只是从头到尾,依次将每个英文单词用对应的中文含义来替换.对于每个英文单词,软件会先 ...

  2. cnn为什么会不存在vanishing gradient的问题

    之前神经网络火过一段时间,但是后来又淡出了,后来又火了,尤其是到2012年真的像发水一样. 之前为什么不火了呢,因为人们发现网络浅了吧,没什么优势.网络深了吧,又会出现vanishing gradie ...

  3. c/c++基础

    如果有你认为重要的知识点,而我这却没有记录下来的,那么期待你分享给我(^U^)ノ~YO. 1.在结构体中,符号->的前面是指针变量,符号.的前面是普通变量.   程序中a->b等价于(*a ...

  4. JavaScript的算术、赋值、关系运算符的讲解

    JS中的运算符分为:算术/赋值/关系/逻辑/字符串       算术运算符:  +加法    -减法    *乘法    /除法    %取余 var a = 1, b = 2; a + b = 3 ...

  5. linux学习笔记二：三种网络配置

    本文引用自:https://www.linuxidc.com/Linux/2017-05/144370.htm [linux公社] VMware为我们提供了三种网络工作模式,它们分别是:Bridged ...

  6. JQuery制作网页—— 第三章 JavaScript操作DOM对象

    1. DOM:Document Object Model(文档对象模型):          DOM操作:                   ●DOM是Document Object Model的缩 ...

  7. node服务端渲染(完整demo)

    简介 nodejs搭建多页面服务端渲染 技术点 koa 搭建服务 koa-router 创建页面路由 nunjucks 模板引擎组合html webpack打包多页面 node端异步请求 服务端日志打 ...

  8. 前端调试vConsole

    在移动端开发的时候,有时候需要真机调试的时候,没法看到console输出的信息,所以就有这个vConsole的开源插件 很方便就可以查看console输出的信息. 官方地址:https://www.n ...

  9. iPhone 横屏时默认会放大文字的问题

    有人说用 html { text-size-adjust: 100%; }我发现这个并不能解决问题.下面代码可以完美解决. 添加标签:<meta name="viewport" ...

  10. POJ 1286 Pólya定理

    Necklace of Beads Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9162   Accepted: 3786 ...