悬停提示与验证2

/**
 * 有时候,悬停提示信息过长,我们愿意换行显示,对于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>
 */
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值