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