悬停提示与验证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"
	});
});
*/
 

你可能感兴趣的:(验证)