`

悬停提示与验证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"
	});
});
*/
 
分享到:
评论

相关推荐

    Visual CSS 代码编辑器

    2、语法高亮与悬停提示等代码辅助功能 3、CSS大纲列表,可以列出代码中所有的规则,并分类显示 4、格式化代码功能,可以以三种模式格式化代码,对应三种不同的阅读风格 5、W3C远程验证功能,可以一键连接W3C CSS ...

    Visual CSS

    语法高亮与悬停提示等代码辅助功能 CSS大纲列表,可以列出代码中所有的规则,并分类显示 格式化代码功能,可以以三种模式格式化代码,对应三种不同的阅读风格 W3C远程验证功能,可以一键连接W3C CSS 验证服务对您...

    联迪pos机测试工具gmc绿色版.rar

    填写时鼠标移至商户号填写框的时候会有一个悬停提示,提示用户“商户号的填写内容为15位纯数字”,不足15位,在保存的时候会有统一弹框提示,超过15位,将无法继续输入,如果输入内容为非数字,也将无法输入。...

    淘特管理系统v5.5版

    3、修改所有标签增加title鼠标悬停提示,解决文字过长截取无法看到全部标题的缺点。 4、修改栏目导航发布,增加静态生成栏目链接(需要手工复制到模板中) 5、友情链接标签增加title鼠标悬停提示 6、后台增加首页幻灯...

    Zebra_Tooltips:一个轻量级且高度可配置的jQuery插件,用于创建漂亮的工具提示

    除了在用户悬停元素时显示工具提示的默认行为外,还可以通过编程方式显示和隐藏工具提示。 当以编程方式显示时,工具提示具有“关闭”按钮,单击该按钮将是关闭以这种方式打开的工具提示的唯一方法。 这有助于使用...

    jquery结合CSS使用validate实现漂亮的验证

    自己结合了在网上找的验证功能和漂亮的提示同能后做出来的验证 希望大家喜欢 &lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&gt; &lt;...

    轻松搞定Extjs_原创

    第十七章:悬停提示与验证 113 一、悬停提示 113 二、悬停提示的用法 114 三、表单组件验证 118 四、小结 120 第十八章:FormPanel布局与初始化 121 一、布局概述 121 二、分割吧! 121 三、表单初始化 126 四、小结...

    工具提示:JavaScript工具提示组件

    工具提示不提供对用户交互的绑定(例如悬停显示)。 它被设计为供 ,表单验证库等包装程序使用。 通过无缝CSS过渡支持类型化的类和效果(您无需在JavaScript中定义过渡持续时间)。支持从IE8开始,但工具提示箭头的...

    web开发常用js库(效果库、架构库)

    1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种; 3.电商产品主图-横向与纵向2种; 4.放大镜-电商主图放大镜、图库鼠标悬停旁边出现放大版图效果各一个; 5.跑马灯-文字或图片不断档...

    iTestin自动化测试录制工具 v4.2.0

    测试报告包括测试脚本涵盖的功能点的验证结果,和测试过程中的日志、截图、还有性能数据等。新增功能点:1. 步骤可视化,步骤显示*作控件的缩略图,悬停显示大图2. 自动处理录制过程中的权限提示框等系统干拢因素3. ...

    asp.net学习积累的代码段

    悬停时的提示代码.txt 学习代码.doc 学习过程中的知识.doc 页面中传值到另一个页面上的控件).txt 页面中控件的传值.txt 用TREEVIEWKOk控件使用的站点地图文件.txt 用户控件.txt 在.NET中利用XMLHTTP下载文件.txt 在...

    vscode-amphtml-validator:AMPHTML ValidatorLinter和Visual Studio Code的代码片段扩展

    将鼠标悬停在编辑器中的错误将显示带有错误详细信息的工具提示。 此版本还为所有AMP组件和脚本添加了摘要。 开始输入amp-,自动完成功能将显示可用的组件和脚本。 此扩展使用AMP验证器,可从以下位置获得: 。 该...

    cwtools-vscode:VS Code扩展,使用cwtools为悖论脚本文件提供语言服务器支持

    悬停工具提示显示: 相关本地化 该元素的文档 该位置的范围上下文 各种验证器,用于公共,接口和事件,检查 定义了所需的本地化密钥 存在效果/触发/修饰符 所用效果/触发器/修饰符的作用域上下文 脚本效果/触发的...

    libguides:一个ReactFirebase应用程序,用于访问密西西比州立大学图书馆

    LibGuides一个与MSU libGuides API交互的React应用程序该项目是通过引导的。它与以下第三方服务接口: Firebase身份验证Firebase / Firestore提供用户数据和收藏...react-tooltip(将鼠标悬停在项目上时的工具提示) ES

    vscode-css-languageserver-bin:在VSCode树中提取的vscode-css-languageserver的npm上发布的二进制版本

    vscode-css-languageserver-bin 从提取的npm上发布的二进制版本产品特点 CSS支持 更少的支持 SASS支持 完成提供商(需要代码片段支持) 代码操作(重命名拼写错误的属性) 验证(语法和皮棉错误) 悬停工具提示提供...

    tailwindcss-intellisense:用于Visual Studio代码的智能Tailwind CSS工具

    Tailwind CSS IntelliSense通过为Visual Studio Code用户提供高级功能(如自动完成,语法突出显示和修饰)来增强Tailwind开发体验。 安装 为了扩展到激活您必须和命名tailwind...VS Code具有内置CSS验证,当使用特定于

    导入的web项目JAVA源码报错-camel-idea-plugin:ApacheCamelIntellijIDEA插件

    导入的web项目JAVA源码报错Apache Camel IDEA 插件 Intellij IDEA 插件,为代码编辑器提供一组与 ...等时,在工具提示中显示端点信息 支持第 3 方 Camel 组件(如果它们已使用 Camel JSon 架构元数据正确构建)

    html入门到放弃笔记

    1、WEB基础知识(了解) 1、Internet - 网 由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 Client / Server 特点:必须通过指定的客户端软件才能访问服务器...

    monaco-json:摩纳哥编辑器的JSON语言支持

    验证:语法错误和架构验证 格式设定 文件符号 语法高亮 匹配包含以下format: "color-hex"'的模式的所有属性的颜色修饰符format: "color-hex"' (非标准模式扩展名) 架构可以通过配置来提供。 请参阅以获取JSON插件...

    jquery基础教程高清版PDF.part5.rar

    第1章 jQuery入门   1.1 jQuery能做什么   1.2 jQuery为什么如此出色   1.3 第一个jQuery文档   1.3.1 下载jQuery   1.3.2 设置HTML文档   1.3.3 编写jQuery代码   1.4 小结  第2章 选择符...

Global site tag (gtag.js) - Google Analytics