<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tipl.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<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>
<script type="text/javascript">
Ext.onReady(function(){
// 初始化悬停提示。
Ext.QuickTips.init();
//在按钮上加悬停提示
var btn1 = new Ext.Button(
{
text:"按钮悬停提示<qtip>",
tooltip:"这个是按钮的悬停提示<br>怎么样？<br>按钮支持qtip和title两种",
tooltipType:"qtip",
renderTo:document.body
}
);
var btn2 = new Ext.Button(
{
text:"按钮悬停提示<qtip>",
tooltip:"这个是按钮的悬停提示\r\n怎么样？\r\n按钮支持qtip和title两种",
tooltipType:"title",
renderTo:document.body
}
);
Ext.QuickTips.register(
{
// 这个就是提示的内容了
text:"请输入完整信息，包括姓名，年龄，生日，电话，住址等。。。。。。。。。。哈哈哈。。。。。。。。。",
//目标对象
target:"ta",
//标题
title:"系统提示",
//是否自动隐藏
autoHide:true
}
);
});
</script>
</head>
<body>
name:<input id="ta"><br>
下面这种方式也可以的：<br>
pwd:<input name="pwd" ext:qtitle="系统提示" ext:qwidth="100" ext:qtip="请输入密码！！！"><br>
</body>
</html>
qincidong
- 浏览: 239021 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (295)
- 数据库 (44)
- Java Web (26)
- Js+Css+Html (52)
- 证券 (1)
- 技术书籍 (2)
- Log4j (2)
- 收发邮件 (3)
- UML (6)
- tomcat (1)
- 开发工具 (21)
- java基础 (46)
- 设计模式 (2)
- Java Web Start (2)
- 即时通信解决方案 (2)
- Ant (7)
- 持续集成 (1)
- android (10)
- Ibatis (2)
- WebService (2)
- Ext (42)
- Ejb (2)
- flex (2)
- struts (5)
- dwr (1)
- 一笑而过 (2)
- FreeMarker (1)
- excel (2)
- hibernate (2)
- Jbpm (1)
- spring (1)
- Windows7 仿 WindowsXP 风格的主题 . (0)
- 情感 (0)
- 平安业务知识 (1)
- 报表 (2)
- 集群/负载均衡 (1)
- Linux (1)
- 单元测试 (1)
- Html5&Css3 (5)
最新评论
-
guji528：
很前面，不错
StarUML使用说明-指导手册 -
qincidong：
freezingsky 写道忘记是tomcat5还是5以前的版 ...
让Tomcat支持目录浏览 -
freezingsky：
忘记是tomcat5还是5以前的版本，默认是开启目录浏览的。那 ...
让Tomcat支持目录浏览 -
314649444：
不错，挺实用的 配置
让Tomcat支持目录浏览
分享到：
发表评论
-
EXT事件队列
2011-09-02 23:14 435<!DOCTYPE HTML PUBLIC & ... -
Ext方法重写
2011-09-02 23:15 353var Person = function(cfg){ ... -
Ext类继承
2011-09-02 23:15 392var Person = Ext.emptyFn; E ... -
Ext类别名
2011-09-02 23:16 489Ext.namespace("com.ext ... -
Ext命名空间别名
2011-09-02 23:17 297Ext.namespace("com.extjs. ... -
Ext类的构造方法
2011-09-02 23:17 380// 类的构造方法 // _cfg实际上就是对象初始化 ... -
Ext类静态方法
2011-09-02 23:18 339var Student = function(){} ... -
Ext为类增加属性和方法
2011-09-02 23:19 403//在类Person上增加一个属性id，值为1001， ... -
Ext命名空间
2011-09-02 23:20 281// 命名空间，类似Java中的包。 Ext.name ... -
ext--Ajax
2012-05-21 22:03 463<!DOCTYPE HTML PUBLIC " ... -
ext--tablepanel
2012-05-21 22:03 598<!DOCTYPE HTML PUBLIC " ... -
ext--form
2012-05-21 22:04 406<!DOCTYPE HTML PUBLIC " ... -
ext--form layout
2012-05-21 22:05 383<!DOCTYPE HTML PUBLIC " ... -
ext--表单初始化
2012-05-21 22:06 832<!DOCTYPE HTML PUBLIC " ... -
ext--表单验证
2012-05-21 22:07 825<!DOCTYPE HTML PUBLIC " ... -
ext--window
2012-05-21 22:08 542<!DOCTYPE HTML PUBLIC " ... -
ext--panel
2012-05-21 22:08 560<!DOCTYPE HTML PUBLIC " ... -
ext--下拉列表
2012-05-21 22:09 4571.本地数据 <!DOCTYPE HTML P ... -
ext--消息框
2012-05-21 22:12 447<!DOCTYPE HTML PUBLIC " ... -
ext--消息框2
2012-05-21 22:12 617<!DOCTYPE HTML PUBLIC " ...
相关推荐
"Ext的用户扩展控件-----可以在表格的单元格上弹出提示层信息"是一个专门为EXT的Grid组件设计的功能增强插件，它使得用户在鼠标悬停于表格的特定单元格时，能够显示更详细的信息提示，极大地提升了数据展示的交互性...
工具提示（Tooltips）是一种UI元素，当用户将鼠标悬停在某个元素上时，它们会显示额外的信息。在ExtJS中，你可以通过创建一个`Ext.tip.ToolTip`实例来实现这个功能。Tooltips不仅可以显示静态文本，还可以包含HTML...
【TipLite：EXT气泡提示插件详解】 在网页设计和开发中，用户交互和界面体验是至关重要的因素。EXT.js 是一个强大的JavaScript框架，它提供了丰富的组件和工具，用于构建功能丰富的、响应式的Web应用。TipLite是EXT...
在EXT应用中，当用户鼠标悬停在某个元素上时，TipLite会以优雅的方式弹出提示，提供额外的信息，而不会干扰用户的主操作流程。 关于使用TipLite插件，首先需要确保你的EXT项目已经正确安装并引入了EXT库。然后，你...
4. **交互性**：EXT JS Charts 提供了丰富的交互功能，如点击事件、鼠标悬停提示、工具提示、缩放和平移等。这些交互功能增强了用户体验，让用户能更深入地探索数据。 5. **3D效果**：EXT JS也支持3D图表，为数据...
15. **工具提示和提示框**：提供动态显示额外信息的组件，如鼠标悬停时显示的工具提示，以及模态提示框。 通过"Ext 中文帮助文档"，开发者可以详细了解到上述各个知识点，并结合实际案例学习如何使用和配置这些组件...
EXT Piechart提供了多种自定义选项，如颜色、标签、提示信息等。你可以通过配置项来改变饼图的外观和行为，例如： - `series`: 定义饼图的各个扇区，每个扇区代表一个数据项。 - `labels`: 控制饼图上的文本标签，...
8.9. 悬停提示 8.9.1. 起初，初始化 8.9.2. 诞生，注册提示 8.9.3. 分支，标签提示 8.9.4. 发展，全局配置 8.9.5. 进化，个体配置 8.10. 灵异事件，Ext.state 8.11. 所谓的事件 8.12. 回头谈一谈Ext里的ajax 9. 沉寂...
- 当鼠标悬停在方法名上时，spket 会显示方法的使用说明。 - 编写代码时，spket 会自动提示可选的方法或属性，极大地提高了开发效率。 - 使用 `Ctrl + 鼠标点击` 可以跳转到方法的定义位置。 #### 四、学习资源...
而"Ext.Button的扩展"则是在这个基础上进行了定制化开发，增加了更个性化的交互效果，比如在鼠标悬停时改变图片背景，从而提供更丰富的视觉体验。 在描述中提到的功能，即当鼠标移动到按钮上时，按钮的背景图片会...
3. **提示和通知**：通过弹出提示框或通知条等形式，向用户提供即时反馈。 #### 五、案例分析与实战技巧 1. **登录界面设计**：介绍如何使用EXT构建一个安全且友好的登录界面，包括验证逻辑的实现。 2. **数据展示...
3. `tooltip`：此属性为按钮提供提示信息，当鼠标悬停在按钮上时显示。例如，`tooltip: '点击执行操作'`。 4. `handler`：按钮被点击时执行的函数。这通常用于定义按钮的点击事件处理逻辑，例如`handler: function...
例如，在代码示例中，第一列（姓名列）通过设置`dataTipField="name"`，当鼠标悬停在该列的数据单元格上时，将显示对应员工的姓名作为工具提示。这种方法简单直观，适用于工具提示信息与列数据直接相关的情况。 ###...
- **MessageBox**：用于显示提示消息的对话框，支持确认、警告等多种类型。 - **Grid**：表格组件，可以用来展示和操作大量数据。 - **更多组件**：还包括面板(Panel)、标签页(TabPanel)等丰富多样的组件。 ####...
2. **Ext.QuickTips.init()**：初始化快速提示功能，当鼠标悬停在表格元素上时，可以显示预设的提示信息。 3. **formatDate**：这是一个自定义的日期格式化函数，用于将日期对象转换为指定格式的字符串，例如'Y年m...
另一个可能的例子可能是关于图表的插件，如添加鼠标悬停时的提示信息或者自定义图表的动画效果。 在EXTDEMO这个压缩包中，我们期望看到的可能包括以下内容： 1. `RowEditing.js` - 行编辑插件的实现，可能包含了...
- **MessageBox**：用于显示消息对话框，如提示信息、警告或确认框。 - **Grid**：表格组件，常用于展示大量数据。 - **数据定义**：定义数据源及列配置。 - **列模型**：配置每一列的显示方式。 - **分页**：...