/**
* 有时候,悬停提示信息过长,我们愿意换行显示,对于qtip类型来说,在提示信息中使用
* <br>标签可以做到,如果是title类型,使用\r\n即可
* qtip的提示是用div来实现的,我们可以修改它所生成的样式来实现想要的结果
*/
/**
* HTML标记
* 如果要为HTML标记定义悬停提示,有更多的方式可以选择。但是和Extjs组件相比
* 实现方式有了不一样的改变
*/
/**
Ext.onReady(function(){
//一定要先启用提示
Ext.QuickTips.init();
Ext.QuickTips.register({
text: "请输入你的姓名,年龄.....",
target: "myinput",
title: "输入",
width: 200
});
});
*/
/**
* register类似于一个static方法,该方法为指定的标记注册悬停提示。默认情况下,提示框最小宽度为40,最大宽度为300
* 如果文字超过最大宽度将自动换行。title是标题文字,text就是提示内容了,而targer就是应用的目标对象ID。
* 我们可以通过width选项指定提示框的宽度,最大500,dismissDelay指定提示框悬停时间,以毫秒计算,如果想一直提示,设置
* autoHide: false
* 提示框本质上就是一个Panel,提示效果的绘制是通过Ext.Tip类实现的,而Ext.Tip的父类就是Ext.Panel
* 对于Ext.tip可以重写的选项配置包括:
* hideDelay: 消失的时间
* maxWidth: 最大宽度
* minWidth: 最小宽度
* showDelay: 显示时间
* trackMouse: 提示框是否跟着鼠标一起走
*/
/**
* 可以直接将悬停提示配置在html标记上如下:
* <input type="button" value="直接写在标签上" ext:qtitle="OK Button" ext:qwidth="200" ext:qtip="This is a quick tip"></input>
*/
悬停提示与验证2
最新推荐文章于 2017-10-11 17:13:36 发布