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>
鼠标悬浮在链接上的效果如图:
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()的使用的更多相关文章
- 【转载】Ext中关于Ext.QuickTips.init()的使用
免责声明: 本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除. 原文作者:然嗄 原文地址:http://www.cnblogs.com/jia ...
- 2. Ext中关于Ext.QuickTips.init()的使用
转自:http://www.cnblogs.com/jianglan/archive/2011/08/26/2154120.html 在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext. ...
- Ext.QuickTips.init();
在Extjs的组件需要提示框时往往需要此语句. 首先,Ext.QuickTips是什么? 在Ext JS 4.2.0 的API中可以查到,注意在其他的Extjs版本以下查不到,这是因为在其他版本Ext ...
- Ext.QuickTips.init()的使用
在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext.QuickTips.init();但是QuickTips的用处是什么呢?我们看一段最简单的代码: <html> <h ...
- 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 ...
- 46. Ext中namespace的作用(转)
转自:https://www.cnblogs.com/givemeanorange/p/5569954.html Ext中在每一个页面中添加一个namespace呢,就像下面的代码: // creat ...
- Ext中renderer用法及参数
转载处:http://blog.csdn.net/yangxiaojun9238/article/details/8240139 setHeader是设置http恳求的头是MIME 和谈的拓展可以实现 ...
- 【Ext.Net学习笔记】01:在ASP.NET WebForm中使用Ext.Net
Ext.NET是基于跨浏览器的ExtJS库和.NET Framework的一套支持ASP.NET AJAX的开源Web控件,包含有丰富的Ajax运用,其前身是Coolite. 下载地址:http:// ...
- Ext.Net学习笔记24:在ASP.NET MVC中使用Ext.Net
在前面的笔记中已经介绍了如何在ASP.NET WebForm中使用Ext.Net,由于这个系列一直在WebForm中使用,所以并没有涉及到ASP.NET MVC中的用法. 如果你要在ASP.NET M ...
随机推荐
- matlab 下载
Obrazy DVD programu Matlab ke stažení Verze 2015b Verze 2015a Verze 2014b Verze 2014a Verze 2012b Ve ...
- ceph-块存储客户端
ceph块存储 ceph块设备,以前称为RADOS块设备,为客户机提供可靠性.分布式和高性能的块存储磁盘.RADOS块设备利用librbd库并以顺序的形式在ceph集群的多个osd上存储数据块.RBD ...
- Thymeleaf模板引擎绕过浏览器缓存加载静态资源js,css文件
浏览器会缓存相同文件名的css样式表或者javascript文件.这给我们调试带来了障碍,好多时候修改的代码不能在浏览器正确显示. 静态常见的加载代码如下: <link rel="st ...
- 第18章 SysTick—系统定时器—零死角玩转STM32-F429系列
第18章 SysTick—系统定时器 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/ ...
- 阅读list
最近感觉效率不高,其实有很多事情要做的,读书的速度也慢下来了,要抓紧时间的了. 继续读deep learning 一书的part II. 读完jifeng dai的几篇文章,去年欠下的债务啊.其中包括 ...
- iOS第三方开放者平台概览
前言:记录一些可能用到过的第三方开放者平台相关内容 视频类: 腾讯云移动直播:https://cloud.tencent.com/product/mlvb 遇到问题后发起工单是一种比较好的解决问题的方 ...
- 使用android ndk编译x86 so在linux下使用的问题
一直以为android ndk编译x86 so库可以在linxu下运行,结果我试了几次都行不通.后来想了一下,android ndk编译的库应该只能在android设备或模拟器上运行才有效,后来改用 ...
- 【A* 网络流】codechef Chef and Cut
高嘉煊讲的杂题:A*和网络流的练手题 题目大意 https://s3.amazonaws.com/codechef_shared/download/translated/SEPT16/mandarin ...
- 转:比较spring cloud和dubbo,各自的优缺点是什么
原文:https://blog.csdn.net/u010664947/article/details/80007767 dubbo由于是二进制的传输,占用带宽会更少 springCloud是http ...
- a链接打开另外的新页面
在a标签添加target = "_blank" 属性即可