Ext中关于Ext.QuickTips.init()的使用
来源:互联网 发布:淘宝买家秀百度云 编辑:程序博客网 时间:2024/06/06 02:35
在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext.QuickTips.init();
但是QuickTips的用处是什么呢?
我们看一段最简单的代码:
即:把鼠标移到上面的Link和旁边的输入框上方,可以看到在鼠标旁边显示出了提示语。 可以明显的看出Ext.QuickTips.init()的作用了吧,QuickTips的作用是读取标签中的ext:qtip属性,并为它赋予显示提示的动作。
但是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属性,并为它赋予显示提示的动作。
0 0
- Ext中关于Ext.QuickTips.init()的使用
- Ext中关于Ext.QuickTips.init()的使用
- Ext中关于Ext.QuickTips.init()的使用
- Ext中关于Ext.QuickTips.init()的使用
- Ext中关于Ext.QuickTips.init()的使用
- Ext中关于Ext.QuickTips.init()的使用
- Ext Js中 Ext.QuickTips的应用
- ExtJS解读之Ext.QuickTips.init()的用途
- Ext.QuickTips
- Extjs-实用工具-悬停提示 Ext.QuickTips.init()
- About ExtJS学习之Ext.QuickTips.init();
- ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
- ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
- 关于ext中使用 Ext.grid.CheckboxSelectionModel作为选择框如何保存选中记录的解决方法。
- EXT中 使用的 highcharts
- Ext中类的使用
- Ext中关于Function类的一些新方法的使用
- 关于Ext.grid.EditorGridPanel使用中遇到的问题
- 自定义圆形滚动条(透明效果)--利用开源项目ProgressWheel
- PHP数组与JSON数据格式的转换
- Java 分布式事务(多数据源)
- 解析XML的几种方式
- The dependency `***` is not used in any concrete target.
- Ext中关于Ext.QuickTips.init()的使用
- Bubble Sort
- HR数据抽取:经过 Read Master Data 转换规则读取时间相关主属性数据HR数据抽取:通过 Read Master Data 转换规则读取时间相关主属性数据
- 机器学习(周志华) 参考答案 第一章绪论
- 手工生成AWR报告方法记录
- 在window下使用Notepad++编辑linux中的文件
- 解决: Eclipse 提示内存不足
- HDU-2553-N皇后问题【DFS】
- Angular JS introduce