悬停提示与验证1

Ext.namespace("com.deng");
/**
 * 悬停提示与验证
 * 表单数据一般都会先通过客户端验证,如果数据无效,可以防止提交,这样能减少客户端与服务器的交互,降低
 * 宽带流量,增强用户体验.Extjs默认采用悬停提示来告知用户。
 * Extjs支持五种悬停提示,分别为qtip、side、under、title和around,其中qtip是默认的支持方式
 * 但是真正实现的是前四种,around只定义了,并没有实现,程序员可以根据自己的需要去完成 
 * 上述四种悬停提示的效果有些差异,qtip是由Extjs自定义的层,side多了一个错误图标,under最直观,提示信息
 * 显示在组件的下方,而title又回到了原始时代
 * Extjs 的悬停提示是由Ext.form.MessageTargets类定义的,而且只针对表单组件
 * 
 * 悬停提示的用法
 * 默认情况下,悬停提示并没有启用,在代码中必须先执行下列语句:
 * 启动悬停提示
 * Ext.QuickTips.init();
 * 一般我们会碰到三种情况需要悬停提示: HTML标记、表单组件和非表单组件,不同的情况需要指定 的提示信息属性不一定全部
 * 全部相同
 * 
 * 非表单组件
 * 按钮(Ext.Button)是一个典型的非表单组件,虽然在表单中也有他的使用价值,但是,Extjs对组件分类时,还是将他
 * 划分到了基本组件中
 * Button支持两种类型的悬停提示: qtip和title,默认是前者,通过tooltipType选项进行配置,而提示信息保存在
 * tooltip选项中
 *
 */
/**
 * Ext.onReady(function(){
	Ext.QuickTips.init();
	
	var btn = new Ext.Button({
		text: "悬停提示",
		renderTo: Ext.getBody(),
		tooltip: "这是一个悬停演示的按钮,怎么样?<br>是不是很漂亮",
		tooltipType: "qtip"
	});
});
*/
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值