Ext.QuickTips.init() 的一个简单用法及注意事项
最近在学习 ext 的例子中，发现好多程序都在第一行使用了如下语句：
Ext.QuickTips.init();
但是QuickTips的用处是什么呢？
我们先来看下面的代码：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Html</title>
<body >
<a href="http://extjs.com" title="ExtJS官方网站">ExtJS</a>
<input type="text" title="请填写 ..."></input>
</body>
</html>
用IE打开后，把属标放到ExtJS上面，可以看到显示一个提示框，如下图：
现在我们在来看下面这代码：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<body >
<a href="http://extjs.com" ext:qtip="ExtJS官方网站">ExtJS</a>
<input type="text" ext:qtip="请填写 ..."></input>
<script type="text/javascript" charset="utf-8">
Ext.onReady(function(){
Ext.QuickTips.init();
});
</script>
</body>
</html>
用IE打开后，把属标放到ExtJS上面，可以看到显示一个提示框，如下图：
这时，我们可以发现，Ext.QuickTips.init(); 的作用就是把 ext:qtip 的值用于显示提示，作用和前面的例子中的title的作用是一样的。
下面我们改改第二个例子，在<body>后面加上“例子：<br>”，如：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<body >例子：<br>
<a href="http://extjs.com" ext:qtip="ExtJS官方网站">ExtJS</a>
<input type="text" ext:qtip="请填写 ..."></input>
<script type="text/javascript" charset="utf-8">
Ext.onReady(function(){
Ext.QuickTips.init();
});
</script>
</body>
</html>
这主要是写法不规范造成的，因为那文字内容是直接写在body里了，只要把文件用<p>和</p>把引起来就可以了，如下：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<body ><p>例子：</p><br>
<a href="http://extjs.com" ext:qtip="ExtJS官方网站">ExtJS</a>
<input type="text" ext:qtip="请填写 ..."></input>
<script type="text/javascript" charset="utf-8">
Ext.onReady(function(){
Ext.QuickTips.init();
});
这时候，在打开后，属标放上去，显示就有错误了，如下图：
<!--EndFragment-->
- 大小: 4.1 KB
- 大小: 3.8 KB
- 大小: 6.9 KB
分享到：
相关推荐
总的来说，这个实例展示了如何使用`Ext`构建一个包含多种字段类型的表单，并利用布局管理实现两列布局。同时，它还涵盖了错误提示的配置和表单验证的基础设置。这种灵活的布局方式和强大的组件库是`Ext`在Web应用...
在`renderHallName`函数中，我们创建了一个`<div>`元素，并在其中添加了两个Ext的特殊属性：`ext:qtitle`和`ext:qtip`。`ext:qtitle`用于设置提示框的标题，而`ext:qtip`则用于设置提示框的内容。在这里，我们将`...
总之，本文提供了一个简单的 Ext JS Grid 实现案例，通过这个案例，读者可以了解到如何在一个 JSP 页面中嵌入 Ext JS 的 Grid 组件，并对其进行基本配置。此外，还介绍了一些扩展知识点，帮助开发者更全面地理解如何...
根据提供的文件信息，我们可以梳理出一系列与Ext框架相关的知识点，主要涵盖了Ext框架的基本用法、配置设置、Ajax请求处理以及自定义组件等几个方面。下面将详细解释这些知识点。 ### 1. Ext框架中的基本配置 ####...
除了`xtype`，`Ext.QuickTips.init()`是EXTJS中的一个方法，用于初始化快速提示功能。快速提示是EXTJS中的一个小弹出窗口，可以在鼠标悬停在特定元素上时显示相关信息，无需用户进行任何交互。 关于`vtype`，这是...
本文将通过一份示例代码，详细介绍如何使用Ext框架构建一个基本的登录界面，并解释代码中的关键部分，帮助读者更好地理解和掌握Ext框架。 #### 二、代码解析与功能介绍 ##### 2.1 HTML结构与CSS样式 首先，我们来...
1. **Ext.onReady**：这是EXTJS中的一个常用方法，当页面DOM加载完成后，它会执行传入的函数。在这个例子中，所有与表格相关的代码都在这个函数内部，确保在操作表格之前DOM已经完全准备就绪。 2. **Ext.QuickTips....
`Ext.namespace`是Extjs中的一个方法，用于定义命名空间。命名空间是一种组织代码的方式，避免全局变量污染，并允许在不同模块间共享资源。例如，在代码中出现的`Ext.namespace('com.faceye.layout');`就是创建了一...
另一种是在提示框边会出现一个类似批注的提示信息，不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。特别提示：在属性regex后要用 /^ 这里加正则 $/ 把上面的正则表达式包起来 否则会报”缺少...
以下是一个EXTJS 2.0的简单示例代码，展示了如何创建一个包含日期选择、颜色选择和可选菜单项的菜单： ```javascript Ext.onReady(function() { Ext.QuickTips.init(); // 创建日期选择菜单 var dateMenu = ...
EXT JS是一个广泛使用的JavaScript库，用于构建富互联网应用程序（RIA）。它提供了一套完整的组件模型，包括数据绑定、可拖放功能、强大的表格和图表，以及许多其他高级UI元素。EXT JS 2.0版本是其发展历程中的一个...
这只是EXT JS基础的一个简单介绍，EXT还包含许多其他高级特性，如数据绑定、远程数据操作（AJAX）、树形视图、拖放功能、图表和布局管理等。通过深入学习EXT JS，开发者可以构建出功能强大且用户体验优良的Web应用...
产品名称: ExtAspNet ...-这应该是Extjs3.0的一个BUG，在IE6.0下面设置Ext.QuickTips.init();会导致button的click事件无法响应(IE8下无此问题)。 -目前先禁用IE6的QuickTips。 -优化底层JavaScript。fixed
作者还使用了 Ext.QuickTips.init() 方法开启提示功能，以便提高用户体验。 在 Controller 层，作者使用了 Ext.app.controller 创建了一个控制器层，以便管理用户界面按钮的效果。在该控制器层中，作者还实现了加载...
一 首先请看图片 二 登陆界面Ext代码 代码如下: /// ”http:////www.jb51.net/Resources/ExtJs/vswd-ext_2.0.2.js”> //加载提示框 Ext.QuickTips.init(); //创建命名空间 Ext.namespace(‘XQH.ExtJs.Frame’); //...
Ext是一个JavaScript库，主要用于构建富客户端应用程序，尤其是那些基于Web的桌面级应用。它提供了一套完整的组件模型、布局管理、数据绑定以及丰富的用户界面组件，使得开发者能够创建出功能强大的交互式网页应用。...
Ext.QuickTips.init(); // turn on validation errors beside the field globally //Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * ================ Form 5 ==============...