<!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>
- 浏览: 238964 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 391var Person = Ext.emptyFn; E ... -
Ext类别名
2011-09-02 23:16 489Ext.namespace("com.ext ... -
Ext命名空间别名
2011-09-02 23:17 296Ext.namespace("com.extjs. ... -
Ext类的构造方法
2011-09-02 23:17 378// 类的构造方法 // _cfg实际上就是对象初始化 ... -
Ext类静态方法
2011-09-02 23:18 338var Student = function(){} ... -
Ext为类增加属性和方法
2011-09-02 23:19 402//在类Person上增加一个属性id,值为1001, ... -
Ext命名空间
2011-09-02 23:20 281// 命名空间,类似Java中的包。 Ext.name ... -
ext--Ajax
2012-05-21 22:03 462<!DOCTYPE HTML PUBLIC " ... -
ext--tablepanel
2012-05-21 22:03 597<!DOCTYPE HTML PUBLIC " ... -
ext--form
2012-05-21 22:04 405<!DOCTYPE HTML PUBLIC " ... -
ext--form layout
2012-05-21 22:05 383<!DOCTYPE HTML PUBLIC " ... -
ext--表单初始化
2012-05-21 22:06 830<!DOCTYPE HTML PUBLIC " ... -
ext--表单验证
2012-05-21 22:07 823<!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 4551.本地数据 <!DOCTYPE HTML P ... -
ext--消息框
2012-05-21 22:12 446<!DOCTYPE HTML PUBLIC " ... -
ext--消息框2
2012-05-21 22:12 616<!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**:表格组件,常用于展示大量数据。 - **数据定义**:定义数据源及列配置。 - **列模型**:配置每一列的显示方式。 - **分页**:...